|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
|
|
<meta name="generator" content="the-factory">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="preconnect" href="http://cache.nymag.com">
|
|
|
|
|
|
<link rel="dns-prefetch" href="http://cache.nymag.com">
|
|
|
|
|
|
<link rel="preconnect" href="http://pixel.nymag.com">
|
|
|
|
|
|
<link rel="dns-prefetch" href="http://pixel.nymag.com">
|
|
|
|
|
|
<link rel="preconnect" href="https://secure.nymag.com">
|
|
|
|
|
|
<link rel="dns-prefetch" href="https://secure.nymag.com">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="preconnect" href="http://v4.moatads.com">
|
|
|
|
|
|
<link rel="dns-prefetch" href="http://v4.moatads.com">
|
|
|
|
|
|
<link rel="preconnect" href="http://z.moatads.com">
|
|
|
|
|
|
<link rel="dns-prefetch" href="http://z.moatads.com">
|
|
|
|
|
|
<link rel="preconnect" href="http://www.googletagservices.com">
|
|
|
|
|
|
<link rel="dns-prefetch" href="http://www.googletagservices.com">
|
|
|
|
|
|
<link rel="preconnect" href="http://s.tagsrvcs.com">
|
|
|
|
|
|
<link rel="dns-prefetch" href="http://s.tagsrvcs.com">
|
|
|
|
|
|
<link rel="preconnect" href="http://pagead2.googlesyndication.com">
|
|
|
|
|
|
<link rel="dns-prefetch" href="http://pagead2.googlesyndication.com">
|
|
|
|
|
|
<link rel="preconnect" href="http://tpc.googlesyndication.com">
|
|
|
|
|
|
<link rel="dns-prefetch" href="http://tpc.googlesyndication.com">
|
|
|
|
|
|
<link rel="preconnect" href="http://partner.googleadservices.com">
|
|
|
|
|
|
<link rel="dns-prefetch" href="http://partner.googleadservices.com">
|
|
|
|
|
|
<link rel="preconnect" href="https://securepubads.g.doubleclick.net">
|
|
|
|
|
|
<link rel="dns-prefetch" href="https://securepubads.g.doubleclick.net">
|
|
|
|
|
|
<link rel="preconnect" href="http://cdn.doubleverify.com">
|
|
|
|
|
|
<link rel="dns-prefetch" href="http://cdn.doubleverify.com">
|
|
|
|
|
|
<link rel="preconnect" href="http://dpm.demdex.net">
|
|
|
|
|
|
<link rel="dns-prefetch" href="http://dpm.demdex.net">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="preconnect" href="https://stats.nymag.com">
|
|
|
|
|
|
<link rel="dns-prefetch" href="http://stats.nymag.com">
|
|
|
|
|
|
<link rel="preconnect" href="http://api.mixpanel.com">
|
|
|
|
|
|
<link rel="dns-prefetch" href="http://api.mixpanel.com">
|
|
|
|
|
|
<link rel="preconnect" href="http://www.google-analytics.com">
|
|
|
|
|
|
<link rel="dns-prefetch" href="http://www.google-analytics.com">
|
|
|
|
|
|
<link rel="preconnect" href="http://static.chartbeat.com">
|
|
|
|
|
|
<link rel="dns-prefetch" href="http://static.chartbeat.com">
|
|
|
|
|
|
<link rel="preconnect" href="http://ping.chartbeat.net">
|
|
|
|
|
|
<link rel="dns-prefetch" href="http://ping.chartbeat.net">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="dns-prefetch" href="http://platform.twitter.com">
|
|
|
|
|
|
<link rel="dns-prefetch" href="https://platform.twitter.com">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="dns-prefetch" href="http://www.facebook.com">
|
|
|
|
|
|
<link rel="dns-prefetch" href="http://connect.facebook.net">
|
|
|
|
|
|
<link rel="dns-prefetch" href="http://staticxx.facebook.com">
|
|
|
|
|
|
<link rel="dns-prefetch" href="https://staticxx.facebook.com">
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="preconnect" href="http://www.livefyre.com">
|
|
|
|
|
|
<link rel="dns-prefetch" href="http://www.livefyre.com">
|
|
|
|
|
|
<link rel="preconnect" href="http://cdn.livefyre.com">
|
|
|
|
|
|
<link rel="dns-prefetch" href="http://cdn.livefyre.com">
|
|
|
|
|
|
<link rel="preconnect" href="http://bootstrap.nymedia.fyre.co">
|
|
|
|
|
|
<link rel="dns-prefetch" href="http://bootstrap.nymedia.fyre.co">
|
|
|
|
|
|
<link rel="preconnect" href="http://cdn.livefyre.com">
|
|
|
|
|
|
<link rel="dns-prefetch" href="http://cdn.livefyre.com">
|
|
|
|
|
|
<link rel="preconnect" href="http://lc.livefyre.com">
|
|
|
|
|
|
<link rel="dns-prefetch" href="http://lc.livefyre.com">
|
|
|
|
|
|
<link rel="preconnect" href="http://zor.fyre.co">
|
|
|
|
|
|
<link rel="dns-prefetch" href="http://zor.fyre.co">
|
|
|
|
|
|
<link rel="preconnect" href="http://avatars.fyre.co">
|
|
|
|
|
|
<link rel="dns-prefetch" href="http://avatars.fyre.co">
|
|
|
|
|
|
<link rel="preconnect" href="http://stream1.nymedia.fyre.co">
|
|
|
|
|
|
<link rel="dns-prefetch" href="http://stream1.nymedia.fyre.co">
|
|
|
|
|
|
<link rel="preconnect" href="http://b.scorecardresearch.com">
|
|
|
|
|
|
<link rel="dns-prefetch" href="http://b.scorecardresearch.com">
|
|
|
|
|
|
<link rel="preconnect" href="http://secure-us.imrworldwide.com">
|
|
|
|
|
|
<link rel="dns-prefetch" href="http://secure-us.imrworldwide.com">
|
|
|
|
|
|
<link rel="preconnect" href="https://secure.quantserve.com">
|
|
|
|
|
|
<link rel="dns-prefetch" href="https://secure.quantserve.com">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<title>Greg Berlanti Knows the Secret to Superhero TV -- Vulture</title>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<meta name="description" content="With four successful shows, the veteran showrunner has found a way to make DC’s heroes succeed on the small screen.">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<meta name="keywords" content="dc comics, greg berlanti, arrow, the flash, supergirl, legends of tomorrow, vulture cover story, superhero movies, new york magazine, tv">
|
|
|
|
|
|
<meta name="topics" content="topics-test, dc comics, greg berlanti, arrow, the flash, supergirl, legends of tomorrow, vulture cover story, superhero movies, new york magazine, tv">
|
|
|
|
|
|
<link rel="canonical" href="http://www.vulture.com/2016/08/dc-comics-greg-berlanti-c-v-r.html">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script>var _sf_startpt = (new Date()).getTime();</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script src="//fonts.nymag.com/ajl3knu.js"></script>
|
|
|
|
|
|
<script>try{Typekit.load({ async: false });}catch(e){}</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="alternate" type="application/rss+xml" title="Vulture" href="http://feedproxy.google.com/nymag/vulture.xml">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<meta name="twitter:site" content="@vulture">
|
|
|
|
|
|
<meta name="twitter:title" content="Greg Berlanti Knows the Secret to Superhero TV">
|
|
|
|
|
|
<meta name="twitter:description" content="With four successful shows, the veteran showrunner has found a way to make DC’s heroes succeed on the small screen.">
|
|
|
|
|
|
<meta name="twitter:creator" content="@abrahamjoseph">
|
|
|
|
|
|
|
|
|
|
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
|
|
|
|
<meta name="twitter:image" content="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-lede.w750.h560.2x.jpg">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<meta property="fb:app_id" content="158902697551841">
|
|
|
|
|
|
<meta property="og:title" content="Greg Berlanti Knows the Secret to Superhero TV">
|
|
|
|
|
|
<meta property="og:site_name" content="Vulture">
|
|
|
|
|
|
<meta property="og:url" content="http://www.vulture.com/2016/08/dc-comics-greg-berlanti-c-v-r.html">
|
|
|
|
|
|
|
|
|
|
|
|
<meta property="og:description" content="With four successful shows, the veteran showrunner has found a way to make DC’s heroes succeed on the small screen.">
|
|
|
|
|
|
|
|
|
|
|
|
<meta property="og:image" content="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-lede.w1200.h630.jpg">
|
|
|
|
|
|
|
|
|
|
|
|
<meta property="og:type" content="Article">
|
|
|
|
|
|
<meta property="article:publisher" content="https://www.facebook.com/Vulture">
|
|
|
|
|
|
<meta property="article:author" content="https://www.facebook.com/abraham.riesman">
|
|
|
|
|
|
<meta property="article:published_time" content="2016-09-07T12:00:00.000Z">
|
|
|
|
|
|
<meta property="article:tag" content="dc comics,greg berlanti,arrow,the flash,supergirl,legends of tomorrow,vulture cover story,superhero movies,new york magazine,tv">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<meta name="apple-mobile-web-app-title" content="Vulture">
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="//cache.nymag.com/media/vulture/icon.120x120.png">
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="apple-touch-icon-precomposed" sizes="180x180" href="//cache.nymag.com/media/vulture/icon.180x180.png">
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="//cache.nymag.com/media/vulture/icon.152x152.png">
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="//cache.nymag.com/media/vulture/icon.76x76.png">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<meta name="format-detection" content="telephone=no">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="icon" type="image/svg+xml" href="//cache.nymag.com/media/vulture/icon.square.svg">
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="mask-icon" sizes="any" href="//cache.nymag.com/media/vulture/mask.square.svg" color="#00bcf1">
|
|
|
|
|
|
<link rel="icon" sizes="196x196" href="//cache.nymag.com/media/vulture/icon.196x196.png">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="shortcut icon" type="image/x-icon" href="//cache.nymag.com/media/vulture/favicon.ico">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<meta name="application-name" content="Vulture">
|
|
|
|
|
|
<meta name="msapplication-TileColor" content="#00bcf1">
|
|
|
|
|
|
<meta name="msapplication-TileImage" content="//cache.nymag.com/media/vulture/icon.144x144.png">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@font-face { font-family: "HouseSlant"; src: url(data:font/woff;charset=utf-8;base64,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
|
|
|
|
|
|
@font-face { font-family: "PolarisBold"; font-style: italic; src: url(data:font/woff;charset=utf-8;base64,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
|
|
|
|
|
|
@font-face { font-family: "PolarisBold"; src: url(data:font/woff;charset=utf-8;base64,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
|
|
|
|
|
|
@font-face { font-family: "PolarisBook"; font-style: italic; src: url(data:font/woff;charset=utf-8;base64,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
|
|
|
|
|
|
@font-face { font-family: "PolarisBook"; src: url(data:font/woff;charset=utf-8;base64,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
|
|
|
|
|
|
@font-face { font-family: "PolarisLight"; src: url(data:font/woff;charset=utf-8;base64,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
|
|
|
|
|
|
@font-face { font-family: "PolarisMedium"; font-style: italic; src: url(data:font/woff;charset=utf-8;base64,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
|
|
|
|
|
|
@font-face { font-family: "PolarisMedium"; src: url(data:font/woff;charset=utf-8;base64,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
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html {
|
|
|
|
|
|
font-size: 62.5%;
|
|
|
|
|
|
min-height: 100%;
|
|
|
|
|
|
-webkit-text-size-adjust: 100%;
|
|
|
|
|
|
-ms-text-size-adjust: 100%;
|
|
|
|
|
|
text-size-adjust: 100%;
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
overflow-x: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
*,
|
|
|
|
|
|
*:before,
|
|
|
|
|
|
*:after {
|
|
|
|
|
|
box-sizing: inherit;
|
|
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
|
|
text-rendering: optimizelegibility;
|
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
[hidden] {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
input:focus,
|
|
|
|
|
|
select:focus,
|
|
|
|
|
|
textarea:focus,
|
|
|
|
|
|
button:focus {
|
|
|
|
|
|
outline: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* temp hiding */
|
|
|
|
|
|
|
|
|
|
|
|
.ui-loader {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Full Page Overlay */
|
|
|
|
|
|
|
|
|
|
|
|
body:before {
|
|
|
|
|
|
background: #000;
|
|
|
|
|
|
-webkit-backface-visibility: hidden;
|
|
|
|
|
|
backface-visibility: hidden;
|
|
|
|
|
|
content: '';
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
height: 0;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
transition: opacity .1s ease-in;
|
|
|
|
|
|
width: 0;
|
|
|
|
|
|
z-index: 7777777;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
html.overlay {
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
html.overlay body:before {
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
opacity: .85;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Fixed sticky from https://github.com/filamentgroup/fixed-sticky/blob/master/fixedsticky.css */
|
|
|
|
|
|
|
|
|
|
|
|
/* bad support on Safari currently. Enable when better support exists. */
|
|
|
|
|
|
|
|
|
|
|
|
/*.fixedsticky {*/
|
|
|
|
|
|
|
|
|
|
|
|
/*position: -webkit-sticky;*/
|
|
|
|
|
|
|
|
|
|
|
|
/*position: -moz-sticky;*/
|
|
|
|
|
|
|
|
|
|
|
|
/*position: -ms-sticky;*/
|
|
|
|
|
|
|
|
|
|
|
|
/*position: -o-sticky;*/
|
|
|
|
|
|
|
|
|
|
|
|
/*position: sticky;*/
|
|
|
|
|
|
|
|
|
|
|
|
/*}*/
|
|
|
|
|
|
|
|
|
|
|
|
/* When position: sticky is supported but native behavior is ignored */
|
|
|
|
|
|
|
|
|
|
|
|
.fixedsticky-withoutfixedfixed .fixedsticky-off,
|
|
|
|
|
|
.fixed-supported .fixedsticky-off {
|
|
|
|
|
|
position: static;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.fixedsticky-withoutfixedfixed .fixedsticky-on,
|
|
|
|
|
|
.fixed-supported .fixedsticky-on {
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.fixedsticky-dummy {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.fixedsticky-on + .fixedsticky-dummy {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Disable scrolling to control iPhone UI. */
|
|
|
|
|
|
|
|
|
|
|
|
body.lock-scroll {
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture #article-feature .img-group {
|
|
|
|
|
|
border-bottom: 1px solid #ccc;
|
|
|
|
|
|
border-top: 1px solid #ccc;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture #article-feature .img-group .rubric {
|
|
|
|
|
|
border-bottom: 1px solid #111;
|
|
|
|
|
|
color: red;
|
|
|
|
|
|
display: inline;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
letter-spacing: 1px;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture #article-feature .img-group .hed {
|
|
|
|
|
|
font-size: 24px;
|
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
|
line-height: 26px;
|
|
|
|
|
|
margin: 10px 0 25px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture #article-feature .img-group .img-unit .caption {
|
|
|
|
|
|
border: 4px double #111;
|
|
|
|
|
|
line-height: 14px;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Remove CSS/JSON rule for icon from Cover Story CQ HTML Component */
|
|
|
|
|
|
|
|
|
|
|
|
.vulture #article-feature .feature-head.fullWidthImage .lede:before {
|
|
|
|
|
|
display: none !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #box {
|
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #primary {
|
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
width: 720px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #primary .story [itemprop='articleBody'] > p:first-of-type:first-letter {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
font-size: 9.1rem;
|
|
|
|
|
|
line-height: 6.8rem;
|
|
|
|
|
|
padding: .8rem 1rem 0 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #primary .share {
|
|
|
|
|
|
border-bottom: 1px solid #eaeaea;
|
|
|
|
|
|
border-top: 1px solid #eaeaea;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #primary .share-mini {
|
|
|
|
|
|
margin-bottom: 30px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #primary .share:nth-of-type(1) {
|
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
|
margin-top: 30px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #tertiary .top-stories-desktop {
|
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #tertiary .most-popular {
|
|
|
|
|
|
margin-top: 27px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #tertiary .zergnet {
|
|
|
|
|
|
margin-top: 45px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #bottom {
|
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #bottom .ad {
|
|
|
|
|
|
margin-bottom: 30px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature .story .body p {
|
|
|
|
|
|
color: #444;
|
|
|
|
|
|
font-family: Georgia, serif;
|
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
|
line-height: 27px;
|
|
|
|
|
|
margin: 0 0 22px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* * * * * * * TEMP CONTENT MODIFIERS FOR DEVELOPMENT – TODO REMOVE * * * * * * */
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #primary .story > header,
|
|
|
|
|
|
#article-feature #primary .story .body figure[data-component='img'].primary {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad div,
|
|
|
|
|
|
.ad iframe {
|
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Out of page ads are at the top of the page to load first and we don't want layout to be affected. */
|
|
|
|
|
|
|
|
|
|
|
|
.ad.oop {
|
|
|
|
|
|
height: 0;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
|
Set min-height to be the smallest ad in the unit.
|
|
|
|
|
|
Important for page height calculations to be more accurate.
|
|
|
|
|
|
Also, important that the styles are in order from tallest to shortest so they cascade.
|
|
|
|
|
|
Ad sizes with the same height are grouped together.
|
|
|
|
|
|
Need to be careful, could be a conflict if there are two sizes only differ by the last digit. e.g. 300x25 would overwrite 300x250.
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
.ad[data-sizes*="300x1050"] {
|
|
|
|
|
|
min-height: 1050px;
|
|
|
|
|
|
min-height: 105rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad[data-sizes*="300x600"] {
|
|
|
|
|
|
min-height: 600px;
|
|
|
|
|
|
min-height: 60rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad[data-sizes*="970x251"] {
|
|
|
|
|
|
min-height: 251px;
|
|
|
|
|
|
min-height: 25.1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad[data-sizes*="300x250"] {
|
|
|
|
|
|
min-height: 250px;
|
|
|
|
|
|
min-height: 25rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad[data-sizes*="610x190"] {
|
|
|
|
|
|
min-height: 190px;
|
|
|
|
|
|
min-height: 19rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad[data-sizes*="612x168"] {
|
|
|
|
|
|
min-height: 168px;
|
|
|
|
|
|
min-height: 16.8rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad[data-sizes*="280x115"] {
|
|
|
|
|
|
min-height: 115px;
|
|
|
|
|
|
min-height: 11.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad[data-sizes*="1024x91"],
|
|
|
|
|
|
.ad[data-sizes*="970x91"],
|
|
|
|
|
|
.ad[data-sizes*="728x91"] {
|
|
|
|
|
|
min-height: 91px;
|
|
|
|
|
|
min-height: 9.1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad[data-sizes*="1024x90"],
|
|
|
|
|
|
.ad[data-sizes*="970x90"],
|
|
|
|
|
|
.ad[data-sizes*="728x90"] {
|
|
|
|
|
|
min-height: 90px;
|
|
|
|
|
|
min-height: 9rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad[data-sizes*="495x80"] {
|
|
|
|
|
|
min-height: 80px;
|
|
|
|
|
|
min-height: 8rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad[data-sizes*="970x66"] {
|
|
|
|
|
|
min-height: 66px;
|
|
|
|
|
|
min-height: 6.6rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad[data-sizes*="495x63"],
|
|
|
|
|
|
.ad[data-sizes*="280x63"] {
|
|
|
|
|
|
min-height: 63px;
|
|
|
|
|
|
min-height: 6.3rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad[data-sizes*="980x60"],
|
|
|
|
|
|
.ad[data-sizes*="480x60"],
|
|
|
|
|
|
.ad[data-sizes*="468x60"],
|
|
|
|
|
|
.ad[data-sizes*="260x60"] {
|
|
|
|
|
|
min-height: 60px;
|
|
|
|
|
|
min-height: 6rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad[data-sizes*="320x50"],
|
|
|
|
|
|
.ad[data-sizes*="300x50"] {
|
|
|
|
|
|
min-height: 50px;
|
|
|
|
|
|
min-height: 5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
|
Set min-width. All ad sizes ordered by width descending.
|
|
|
|
|
|
Only need one declaration per width because ends with an x.
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
.ad[data-sizes*="1024x"] {
|
|
|
|
|
|
min-width: 1024px;
|
|
|
|
|
|
min-width: 102.4rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad[data-sizes*="980x"] {
|
|
|
|
|
|
min-width: 980px;
|
|
|
|
|
|
min-width: 98rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad[data-sizes*="970x"] {
|
|
|
|
|
|
min-width: 970px;
|
|
|
|
|
|
min-width: 97rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad[data-sizes*="728x"] {
|
|
|
|
|
|
min-width: 728px;
|
|
|
|
|
|
min-width: 72.8rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad[data-sizes*="612x"] {
|
|
|
|
|
|
min-width: 612px;
|
|
|
|
|
|
min-width: 61.2rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad[data-sizes*="610x"] {
|
|
|
|
|
|
min-width: 610px;
|
|
|
|
|
|
min-width: 61rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad[data-sizes*="495x"] {
|
|
|
|
|
|
min-width: 495px;
|
|
|
|
|
|
min-width: 49.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad[data-sizes*="480x"] {
|
|
|
|
|
|
min-width: 480px;
|
|
|
|
|
|
min-width: 48rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad[data-sizes*="468x"] {
|
|
|
|
|
|
min-width: 468px;
|
|
|
|
|
|
min-width: 46.8rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad[data-sizes*="320x"] {
|
|
|
|
|
|
min-width: 320px;
|
|
|
|
|
|
min-width: 32rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad[data-sizes*="300x"] {
|
|
|
|
|
|
min-width: 300px;
|
|
|
|
|
|
min-width: 30rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad[data-sizes*="280x"] {
|
|
|
|
|
|
min-width: 280px;
|
|
|
|
|
|
min-width: 28rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad[data-sizes*="260x"] {
|
|
|
|
|
|
min-width: 260px;
|
|
|
|
|
|
min-width: 26rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.embed {
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
background-size: 100% auto;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
height: 30rem;
|
|
|
|
|
|
margin-bottom: 2rem;
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
padding-bottom: 56.25%;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .body .embed iframe,
|
|
|
|
|
|
.story .body .embed object,
|
|
|
|
|
|
.story .body .embed embed {
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
min-height: inherit;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.embed.video:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/stripe-overlay.png);
|
|
|
|
|
|
background-repeat: repeat;
|
|
|
|
|
|
content: '';
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
transition: opacity .2s;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
z-index: 2;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.embed.video:hover:before {
|
|
|
|
|
|
opacity: .3;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.embed.video svg {
|
|
|
|
|
|
height: 10rem;
|
|
|
|
|
|
left: calc(50% - 5rem);
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: calc(50% - 5rem);
|
|
|
|
|
|
width: 10rem;
|
|
|
|
|
|
z-index: 3;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.embed.video iframe {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.embed.video.on iframe {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.embed.video.on {
|
|
|
|
|
|
background: none;
|
|
|
|
|
|
height: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.embed.video.on:before {
|
|
|
|
|
|
content: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.embed.video.on svg {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
body .story .body .embed.video iframe {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
margin: auto;
|
|
|
|
|
|
min-height: inherit;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
body .story .body .embed.video.on iframe {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.nymab-response {
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
z-index: 100000;
|
|
|
|
|
|
/* To be in front of Ooyala videos */
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.nymab-response.display-none {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.nymab-response .tabs-content,
|
|
|
|
|
|
.nymab-response .banner-content {
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
width: 82.5%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.nymab-response .tabs-content {
|
|
|
|
|
|
background: none;
|
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
-webkit-flex-direction: row;
|
|
|
|
|
|
-ms-flex-direction: row;
|
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.nymab-response .tabs-content .spacer {
|
|
|
|
|
|
-webkit-flex-grow: 1;
|
|
|
|
|
|
-ms-flex-positive: 1;
|
|
|
|
|
|
flex-grow: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.nymab-response .tabs-content a,
|
|
|
|
|
|
.nymab-response .tabs-content a:hover,
|
|
|
|
|
|
.nymab-response .tabs-content a:active,
|
|
|
|
|
|
.nymab-response .tabs-content a:visited {
|
|
|
|
|
|
color: white;
|
|
|
|
|
|
font-size: 15px;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.nymab-response .close-tab {
|
|
|
|
|
|
-webkit-align-items: center;
|
|
|
|
|
|
-ms-flex-align: center;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
background: #333;
|
|
|
|
|
|
border-left: 1px solid #fff;
|
|
|
|
|
|
border-right: 1px solid #fff;
|
|
|
|
|
|
border-top: 1px solid #fff;
|
|
|
|
|
|
border-top-left-radius: 5px;
|
|
|
|
|
|
border-top-right-radius: 5px;
|
|
|
|
|
|
color: white;
|
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
-webkit-flex-shrink: 1;
|
|
|
|
|
|
-ms-flex-negative: 1;
|
|
|
|
|
|
flex-shrink: 1;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
padding: 3px 10px 0 5px;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
top: 1px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.nymab-response .close-tab svg {
|
|
|
|
|
|
height: 25px;
|
|
|
|
|
|
width: 25px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.nymab-response .close-tab svg path {
|
|
|
|
|
|
fill: white;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.nymab-response .banner-container {
|
|
|
|
|
|
background: #333;
|
|
|
|
|
|
border-top: 1px solid #fff;
|
|
|
|
|
|
min-height: 100px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.nymab-response .banner-content {
|
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
-webkit-flex-direction: row;
|
|
|
|
|
|
-ms-flex-direction: row;
|
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
|
padding: 40px 0;
|
|
|
|
|
|
-webkit-justify-content: center;
|
|
|
|
|
|
-ms-flex-pack: center;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.nymab-response .banner-content svg {
|
|
|
|
|
|
-webkit-flex: 0 0 220px;
|
|
|
|
|
|
-ms-flex: 0 0 220px;
|
|
|
|
|
|
flex: 0 0 220px;
|
|
|
|
|
|
height: 100px;
|
|
|
|
|
|
margin: auto 16px auto 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.nymab-response .banner-content .text {
|
|
|
|
|
|
-webkit-flex-basis: auto;
|
|
|
|
|
|
-ms-flex-preferred-size: auto;
|
|
|
|
|
|
flex-basis: auto;
|
|
|
|
|
|
-webkit-flex-grow: 1;
|
|
|
|
|
|
-ms-flex-positive: 1;
|
|
|
|
|
|
flex-grow: 1;
|
|
|
|
|
|
max-width: 790px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.nymab-response h1 {
|
|
|
|
|
|
color: #00bcf1;
|
|
|
|
|
|
font-family: Elderkin, Arial, sans-serif;
|
|
|
|
|
|
font-size: 27px;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding-bottom: 6px;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.nymab-response p {
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 17px;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.nymab-response .banner-content a,
|
|
|
|
|
|
.nymab-response .banner-content a:hover,
|
|
|
|
|
|
.nymab-response .banner-content a:active,
|
|
|
|
|
|
.nymab-response .banner-content a:visited {
|
|
|
|
|
|
color: #00bcf1;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* ////////// ANIMATION EFFECT ////////// */
|
|
|
|
|
|
|
|
|
|
|
|
@-webkit-keyframes QuizFadeIn {
|
|
|
|
|
|
0% {
|
|
|
|
|
|
opacity: 0.0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
80% {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
100% {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@keyframes QuizFadeIn {
|
|
|
|
|
|
0% {
|
|
|
|
|
|
opacity: 0.0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
80% {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
100% {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@-webkit-keyframes QuizTransform {
|
|
|
|
|
|
0% {
|
|
|
|
|
|
-webkit-transform: scale(0);
|
|
|
|
|
|
transform: scale(0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
60% {
|
|
|
|
|
|
-webkit-transform: scale(1.1);
|
|
|
|
|
|
transform: scale(1.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
80% {
|
|
|
|
|
|
-webkit-transform: scale(0.9);
|
|
|
|
|
|
transform: scale(0.9);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
100% {
|
|
|
|
|
|
-webkit-transform: scale(1);
|
|
|
|
|
|
transform: scale(1);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@keyframes QuizTransform {
|
|
|
|
|
|
0% {
|
|
|
|
|
|
-webkit-transform: scale(0);
|
|
|
|
|
|
transform: scale(0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
60% {
|
|
|
|
|
|
-webkit-transform: scale(1.1);
|
|
|
|
|
|
transform: scale(1.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
80% {
|
|
|
|
|
|
-webkit-transform: scale(0.9);
|
|
|
|
|
|
transform: scale(0.9);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
100% {
|
|
|
|
|
|
-webkit-transform: scale(1);
|
|
|
|
|
|
transform: scale(1);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@-webkit-keyframes QuizTransformAnswer {
|
|
|
|
|
|
0% {
|
|
|
|
|
|
-webkit-transform: scale(1);
|
|
|
|
|
|
transform: scale(1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
60% {
|
|
|
|
|
|
-webkit-transform: scale(1.1);
|
|
|
|
|
|
transform: scale(1.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
80% {
|
|
|
|
|
|
-webkit-transform: scale(0.9);
|
|
|
|
|
|
transform: scale(0.9);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
100% {
|
|
|
|
|
|
-webkit-transform: scale(1);
|
|
|
|
|
|
transform: scale(1);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@keyframes QuizTransformAnswer {
|
|
|
|
|
|
0% {
|
|
|
|
|
|
-webkit-transform: scale(1);
|
|
|
|
|
|
transform: scale(1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
60% {
|
|
|
|
|
|
-webkit-transform: scale(1.1);
|
|
|
|
|
|
transform: scale(1.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
80% {
|
|
|
|
|
|
-webkit-transform: scale(0.9);
|
|
|
|
|
|
transform: scale(0.9);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
100% {
|
|
|
|
|
|
-webkit-transform: scale(1);
|
|
|
|
|
|
transform: scale(1);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@-webkit-keyframes DropdownOpen {
|
|
|
|
|
|
0% {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
100% {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@keyframes DropdownOpen {
|
|
|
|
|
|
0% {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
100% {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal {
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
height: 51px;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal a {
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .vulture-nav-inner {
|
|
|
|
|
|
border-bottom: 1px solid #000;
|
|
|
|
|
|
border-top: 2px solid #00bcf1;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .vulture-nav-inner:after {
|
|
|
|
|
|
border-bottom: 1px solid #828282;
|
|
|
|
|
|
bottom: -4px;
|
|
|
|
|
|
content: '';
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .logo {
|
|
|
|
|
|
height: 44px;
|
|
|
|
|
|
left: -28px;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
padding: 2px 0 0 0;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
width: 230px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .logo svg {
|
|
|
|
|
|
height: 59px;
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
width: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .tagline {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/cover-story.svg);
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
background-size: 100%;
|
|
|
|
|
|
border: 0;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
height: 70px;
|
|
|
|
|
|
left: 58px;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
top: 27px;
|
|
|
|
|
|
width: 60px;
|
|
|
|
|
|
z-index: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .main {
|
|
|
|
|
|
-webkit-align-items: center;
|
|
|
|
|
|
-ms-flex-align: center;
|
|
|
|
|
|
-ms-grid-row-align: center;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
height: 65px;
|
|
|
|
|
|
left: 285px;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
top: 8px;
|
|
|
|
|
|
width: 362px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .main-item a {
|
|
|
|
|
|
color: #000;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
font: bold 28px Elderkin, 'Arial Narrow', Arial, sans-serif;
|
|
|
|
|
|
letter-spacing: .8px;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .main-item a:after {
|
|
|
|
|
|
border-right: 1px solid #ddd;
|
|
|
|
|
|
content: '';
|
|
|
|
|
|
height: 75%;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: -13px;
|
|
|
|
|
|
top: 12%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .main-item a:hover {
|
|
|
|
|
|
color: #00bcf1;
|
|
|
|
|
|
transition: color 200ms;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .search {
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
height: 45px;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: 60px;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
transition: width 300ms ease-out, background 300ms ease-out;
|
|
|
|
|
|
width: 40px;
|
|
|
|
|
|
z-index: 2;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .search.on {
|
|
|
|
|
|
background: #dbdbdb;
|
|
|
|
|
|
width: calc(100% - 60px);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .search .search-icon,
|
|
|
|
|
|
.vulture-nav-minimal .search .search-close {
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
border: 0;
|
|
|
|
|
|
height: 26px;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: 15px;
|
|
|
|
|
|
top: 11px;
|
|
|
|
|
|
width: 26px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .search-icon svg {
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
height: 70%;
|
|
|
|
|
|
left: 15%;
|
|
|
|
|
|
top: 16%;
|
|
|
|
|
|
width: 70%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .search-close svg {
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .search.on .search-close svg,
|
|
|
|
|
|
.vulture-nav-minimal .search.on .search-close svg * {
|
|
|
|
|
|
fill: #1a1a1a;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .search-close,
|
|
|
|
|
|
.vulture-nav-minimal .search.on .search-icon {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .search.on .search-close {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .search .text-query {
|
|
|
|
|
|
border: 0;
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
margin: 6px;
|
|
|
|
|
|
padding: 1px 1px 1px 5px;
|
|
|
|
|
|
width: calc(100% - 44px);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .searchtext {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .nav-mobile {
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
height: 48px;
|
|
|
|
|
|
padding: 4px 6px;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
width: 58px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .nav-mobile:active {
|
|
|
|
|
|
outline: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .nav-mobile.on {
|
|
|
|
|
|
background-color: #333;
|
|
|
|
|
|
z-index: 2;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .nav-sections > a {
|
|
|
|
|
|
color: #000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .dropdown {
|
|
|
|
|
|
background-color: #333;
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
padding: 0 10px 24px;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 46px;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .dropdown.on {
|
|
|
|
|
|
-webkit-animation-duration: 250ms;
|
|
|
|
|
|
animation-duration: 250ms;
|
|
|
|
|
|
-webkit-animation-fill-mode: forwards;
|
|
|
|
|
|
animation-fill-mode: forwards;
|
|
|
|
|
|
-webkit-animation-name: DropdownOpen;
|
|
|
|
|
|
animation-name: DropdownOpen;
|
|
|
|
|
|
-webkit-animation-timing-function: cubic-bezier(.215, .610, .355, 1.000);
|
|
|
|
|
|
animation-timing-function: cubic-bezier(.215, .610, .355, 1.000);
|
|
|
|
|
|
/* ease-out-cubic */
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
z-index: 999999999;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .dropdown-section:before {
|
|
|
|
|
|
color: #979797;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font: bold 10px Arial, sans-serif;
|
|
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .dropdown-section h2,
|
|
|
|
|
|
.vulture-nav-minimal .dropdown-section a,
|
|
|
|
|
|
.vulture-nav-minimal .dropdown-section a:visited {
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
font: bold 14px Arial, sans-serif;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .dropdown-section h2 {
|
|
|
|
|
|
color: #979797;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .dropdown-section.plus a,
|
|
|
|
|
|
.vulture-nav-minimal .dropdown-section.plus a:visited {
|
|
|
|
|
|
color: #ccc;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .dropdown-section .follow {
|
|
|
|
|
|
background-color: #ededeb;
|
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
|
border-top: 1px solid #3e3e3e;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: 3px 10px;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .dropdown-section .tablet {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .global-nav {
|
|
|
|
|
|
background: #f5f5f5;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .global-nav a {
|
|
|
|
|
|
color: #666;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .global-nav .social p {
|
|
|
|
|
|
color: #666;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .global-nav .twitter,
|
|
|
|
|
|
.vulture .global-nav .facebook {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/twitter_vulture-28x28.2x.png);
|
|
|
|
|
|
background-position: center center;
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
background-size: 1.4rem 1.4rem;
|
|
|
|
|
|
color: transparent;
|
|
|
|
|
|
height: 1.4rem;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
margin: .45rem .3rem;
|
|
|
|
|
|
width: 1.4rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .global-nav .facebook {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/facebook_vulture-28x28.2x.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .global-nav .instagram {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/instagram-icon-vulture.svg);
|
|
|
|
|
|
margin-top: 4.5px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .global-nav .mynewyork ul {
|
|
|
|
|
|
border: 1px solid #bbb;
|
|
|
|
|
|
box-shadow: 0 -.5rem .5rem rgba(85, 85, 85, .2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media print {
|
|
|
|
|
|
* {
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
color: #000;
|
|
|
|
|
|
text-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
html {
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
|
padding: .5in;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Article */
|
|
|
|
|
|
|
|
|
|
|
|
article {
|
|
|
|
|
|
color: #111;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: .1in .5in;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
article p {
|
|
|
|
|
|
font-family: Georgia, serif;
|
|
|
|
|
|
font-size: 1.2rem;
|
|
|
|
|
|
line-height: 1.9rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
a[href] {
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
color: #000;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
a[href^="#"]:after {
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
abbr[title]:after {
|
|
|
|
|
|
content: " (" attr(title) ")";
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* For story - Add links after */
|
|
|
|
|
|
|
|
|
|
|
|
.body a[href^=http]:after {
|
|
|
|
|
|
color: #999;
|
|
|
|
|
|
content: " (" attr(href) ") ";
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* For story - Add links after for //www. */
|
|
|
|
|
|
|
|
|
|
|
|
.body a[href^="//www."]:after {
|
|
|
|
|
|
color: #999;
|
|
|
|
|
|
content: " (http:" attr(href) ") ";
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Hidden */
|
|
|
|
|
|
|
|
|
|
|
|
nav,
|
|
|
|
|
|
aside,
|
|
|
|
|
|
.ad {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture #article-feature {
|
|
|
|
|
|
margin-top: -.25in;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture #article-feature .feature-head {
|
|
|
|
|
|
background: none;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
height: initial !important;
|
|
|
|
|
|
/* saying goodbye to !important freeform CQ-based styles, here and below */
|
|
|
|
|
|
min-height: initial !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture #article-feature .feature-head .lede {
|
|
|
|
|
|
padding: 0 0 2rem !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture #article-feature .feature-head .lede,
|
|
|
|
|
|
.vulture #article-feature .feature-head .lede * {
|
|
|
|
|
|
color: #000 !important;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
margin: 0 auto 1.2rem !important;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture #article-feature .feature-head .lede h1 {
|
|
|
|
|
|
padding-bottom: 2rem !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad {
|
|
|
|
|
|
display: none!important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad-recirc {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad-sticky {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.episode-recap {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.global-nav {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Basics */
|
|
|
|
|
|
|
|
|
|
|
|
.img {
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.1rem;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
line-height: 1.3rem;
|
|
|
|
|
|
margin: 1.6rem 0;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img div {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img img {
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
transition: opacity .4s ease-in;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img aside {
|
|
|
|
|
|
left: .5rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: .5rem;
|
|
|
|
|
|
transition: opacity .25s ease-in;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img figcaption {
|
|
|
|
|
|
margin: .5rem 0 0;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img figcaption,
|
|
|
|
|
|
.img figcaption[itemprop='caption'] a {
|
|
|
|
|
|
color: #353535;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img figcaption .buffer {
|
|
|
|
|
|
margin-right: .2rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img cite {
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img cite,
|
|
|
|
|
|
.img figcaption[itemprop='caption'] cite a {
|
|
|
|
|
|
color: #888;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Display Variations */
|
|
|
|
|
|
|
|
|
|
|
|
/* Thumb */
|
|
|
|
|
|
|
|
|
|
|
|
.img.thumb {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
margin: .5rem 2rem 1rem 0;
|
|
|
|
|
|
max-width: 18.8rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.thumb cite {
|
|
|
|
|
|
display: inline;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.thumb .pinterest {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Square */
|
|
|
|
|
|
|
|
|
|
|
|
.img.square {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
margin: .5rem 2rem 1rem 0;
|
|
|
|
|
|
width: 18.8rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.square cite {
|
|
|
|
|
|
display: inline;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Vertical */
|
|
|
|
|
|
|
|
|
|
|
|
.img.vertical-small {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
margin: .5rem 2rem 1rem 1.2rem;
|
|
|
|
|
|
max-width: 24rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.vertical-small cite {
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Large Vertical */
|
|
|
|
|
|
|
|
|
|
|
|
.img.vertical {
|
|
|
|
|
|
margin: .5rem 0 2.1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.vertical figcaption {
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Horizontal */
|
|
|
|
|
|
|
|
|
|
|
|
.img.horizontal {
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
margin: .5rem 0 2.1rem;
|
|
|
|
|
|
max-width: 7.5in;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.horizontal figcaption {
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Video */
|
|
|
|
|
|
|
|
|
|
|
|
.img.video {
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
margin: .5rem 0 2.1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Secondary Image Alignment */
|
|
|
|
|
|
|
|
|
|
|
|
.img.right {
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
margin: 1rem 0 1rem 2.5rem;
|
|
|
|
|
|
max-width: 25rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.left {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
margin: 1rem 2.5rem 1rem 0;
|
|
|
|
|
|
max-width: 25rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.left.secondary figcaption {
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.center {
|
|
|
|
|
|
margin: 1.6rem 0 2.4rem;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* secondary centered images shouldn't have text wrap around them */
|
|
|
|
|
|
|
|
|
|
|
|
.img.center.secondary {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
margin: 1.6rem auto 2.4rem;
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.center.secondary figcaption {
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.center.secondary img {
|
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* slideshow button */
|
|
|
|
|
|
|
|
|
|
|
|
.img.slideshow-link > div > a {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img aside a.pinterest {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img .view-slideshow-button {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img .enlarge {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img .close {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.interstitial {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.latest-news {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.nymab-response {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.quiz {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.related-side {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share-feed {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.subnav-slider {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.taboola {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tags {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal {
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
border-bottom: 1px solid #000;
|
|
|
|
|
|
height: 56px;
|
|
|
|
|
|
margin: 0 0 20px;
|
|
|
|
|
|
padding: 0 0 4px;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .ad-splash,
|
|
|
|
|
|
.vulture-nav-minimal .search,
|
|
|
|
|
|
.vulture-nav-minimal .tagline,
|
|
|
|
|
|
.vulture-nav-minimal .vulture-nav-inner:after,
|
|
|
|
|
|
.vulture-nav-minimal div > * {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal > div:before {
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
color: #000;
|
|
|
|
|
|
content: 'vulture.com';
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font: 14px/1 Georgia, serif;
|
|
|
|
|
|
padding: 0 0 3px;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
text-align: right;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .vulture-nav-inner {
|
|
|
|
|
|
border: 0;
|
|
|
|
|
|
height: 56px;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .logo {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
height: 53px;
|
|
|
|
|
|
left: 2px;
|
|
|
|
|
|
overflow: visible;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .logo svg {
|
|
|
|
|
|
fill: #000;
|
|
|
|
|
|
height: 50px;
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
width: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .logo svg * {
|
|
|
|
|
|
fill: #000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .logo:after {
|
|
|
|
|
|
border: 0;
|
|
|
|
|
|
content: url(//cache.nymag.com/media/cover-story.svg);
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
height: 70px;
|
|
|
|
|
|
left: 78px;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
top: 25px;
|
|
|
|
|
|
width: 60px;
|
|
|
|
|
|
z-index: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 0.000em) and (max-width: 63.999em) {
|
|
|
|
|
|
.vulture #article-feature #primary .share:last-child {
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture #article-feature #secondary {
|
|
|
|
|
|
float: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture #article-feature #tertiary {
|
|
|
|
|
|
border-left: none;
|
|
|
|
|
|
float: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture #article-feature .story .body {
|
|
|
|
|
|
font-family: Georgia, sans-serif;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #top {
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #primary,
|
|
|
|
|
|
#article-feature #primary-aux,
|
|
|
|
|
|
#article-feature #secondary,
|
|
|
|
|
|
#article-feature #tertiary {
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #tertiary .most-popular {
|
|
|
|
|
|
margin-top: 47px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.global-nav {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.interstitial {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.nymab-response {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 64.000em) {
|
|
|
|
|
|
.vulture #article-feature #secondary .AR_2.ob-strip-layout .ob-dynamic-rec-container {
|
|
|
|
|
|
max-width: 190px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture #article-feature #secondary .AR_2.ob-widget .ob-dynamic-rec-container ~ .ob-dynamic-rec-container {
|
|
|
|
|
|
margin: 0 0 0 4.3%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #top .ad:first-of-type {
|
|
|
|
|
|
background-color: #3a3a3a;
|
|
|
|
|
|
height: 102px;
|
|
|
|
|
|
padding: 6px 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #box {
|
|
|
|
|
|
margin: 0 auto 50px;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
width: 1024px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* clearfix */
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #box:after {
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
content: '';
|
|
|
|
|
|
display: table;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #primary .ad {
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
left: 65px;
|
|
|
|
|
|
margin-left: -30px;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
width: 300px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #primary .ad,
|
|
|
|
|
|
#article-feature #primary .ad iframe {
|
|
|
|
|
|
min-height: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #primary-aux,
|
|
|
|
|
|
#article-feature #secondary {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
width: 670px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #tertiary {
|
|
|
|
|
|
border-left: 1px solid #dcdcdc;
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
padding-bottom: 40px;
|
|
|
|
|
|
padding-left: 22px;
|
|
|
|
|
|
width: 322px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Allows any HTML embed with class="single-col-spread" to extend beyond the text width to the full width between the prev and next. */
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature .single-col-spread {
|
|
|
|
|
|
margin-left: -152px;
|
|
|
|
|
|
width: 1024px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap {
|
|
|
|
|
|
border-bottom: 1px solid #ebebeb;
|
|
|
|
|
|
border-top: 1px solid #ebebeb;
|
|
|
|
|
|
top: 60rem;
|
|
|
|
|
|
left: -17.5rem;
|
|
|
|
|
|
padding: .8rem 0 1.2rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
width: 11rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap a {
|
|
|
|
|
|
color: #1782a9;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap dl {
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap dt {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap dd {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Recap Image */
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap img {
|
|
|
|
|
|
height: 8rem;
|
|
|
|
|
|
width: 8rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Show Title */
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .show {
|
|
|
|
|
|
border-bottom-color: #ddd;
|
|
|
|
|
|
border-bottom-style: dotted;
|
|
|
|
|
|
border-bottom-width: .2rem;
|
|
|
|
|
|
padding: 0 .6rem .9rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .show dt {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .show dd,
|
|
|
|
|
|
.story .episode-recap .show dd a {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: Georgia, serif;
|
|
|
|
|
|
font-size: 1.4rem;
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
line-height: 1.2;
|
|
|
|
|
|
text-transform: capitalize;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Episode Title */
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .title dt {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .title dd {
|
|
|
|
|
|
color: #111;
|
|
|
|
|
|
font-family: Georgia, serif;
|
|
|
|
|
|
font-size: 1.4rem;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
line-height: 1.1;
|
|
|
|
|
|
padding: 1rem 0 .4rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Season and Episode Numbers */
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .season,
|
|
|
|
|
|
.story .episode-recap .episode {
|
|
|
|
|
|
color: #999;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
|
padding: 0 0 .3rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .season {
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .season dt,
|
|
|
|
|
|
.story .episode-recap .episode dt,
|
|
|
|
|
|
.story .episode-recap .season dd,
|
|
|
|
|
|
.story .episode-recap .episode dd {
|
|
|
|
|
|
display: inline;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Rating */
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .rating {
|
|
|
|
|
|
background: #f7f7f7;
|
|
|
|
|
|
border-radius: 3px;
|
|
|
|
|
|
margin: .7rem .5rem 1rem;
|
|
|
|
|
|
padding: .8rem .6rem 1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .rating dt {
|
|
|
|
|
|
color: #555;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: .9rem;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
line-height: 1;
|
|
|
|
|
|
padding-bottom: .3rem;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .rating .score {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .rating .stars {
|
|
|
|
|
|
font-size: 0;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .rating .stars svg {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
height: 1.7rem;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
width: 1.7rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Next and Previous Episodes */
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap nav {
|
|
|
|
|
|
padding: 0 0.6rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .prev,
|
|
|
|
|
|
.story .episode-recap .next {
|
|
|
|
|
|
clear: left;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.2rem;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
margin: 0 0 1rem;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
width: 50%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .next {
|
|
|
|
|
|
border-left: 2px solid #ccc;
|
|
|
|
|
|
clear: right;
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
text-align: right;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap span.prev,
|
|
|
|
|
|
.story .episode-recap span.next {
|
|
|
|
|
|
color: #ccc;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .prev:before,
|
|
|
|
|
|
.story .episode-recap .next:after {
|
|
|
|
|
|
content: '< ';
|
|
|
|
|
|
font-family: Elderkin, Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.6rem;
|
|
|
|
|
|
line-height: 0;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
top: 0.1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .next:after {
|
|
|
|
|
|
content: ' >';
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Complete Link */
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .complete {
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.global-nav {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
height: 2.3rem;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.global-nav > div {
|
|
|
|
|
|
height: 2.3rem;
|
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
width: 102.4rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.global-nav a {
|
|
|
|
|
|
color: #b2b2b2;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
font-family: Arial,sans-serif;
|
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
|
height: 2.3rem;
|
|
|
|
|
|
line-height: 1;
|
|
|
|
|
|
padding: .7rem .8rem;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.global-nav a:hover {
|
|
|
|
|
|
text-decoration: underline;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.global-nav .rightMenu {
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.global-nav .login-lightbox {
|
|
|
|
|
|
padding-right: 1rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.global-nav .login-lightbox:after {
|
|
|
|
|
|
color: rgb(100, 100, 100);
|
|
|
|
|
|
content: "\007C";
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: .1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.global-nav .register-lightbox {
|
|
|
|
|
|
padding-left: .3rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.global-nav .social {
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
left: -4px;
|
|
|
|
|
|
min-width: 10rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
top: -1px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.global-nav .social p {
|
|
|
|
|
|
color: #b2b2b2;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
line-height: .5rem;
|
|
|
|
|
|
padding: 0 .5rem;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.global-nav .twitter,
|
|
|
|
|
|
.global-nav .facebook,
|
|
|
|
|
|
.global-nav .instagram {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/twitter-28x28.2x.png);
|
|
|
|
|
|
background-position: center center;
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
background-size: 1.4rem 1.4rem;
|
|
|
|
|
|
color: transparent;
|
|
|
|
|
|
height: 1.4rem;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
margin: .35rem .3rem;
|
|
|
|
|
|
width: 1.4rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.global-nav .facebook {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/facebook-28x28.2x.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.global-nav .instagram {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/instagram-icon.svg);
|
|
|
|
|
|
line-height: 0;
|
|
|
|
|
|
font-size: 0;
|
|
|
|
|
|
color: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.global-nav .facebook:hover,
|
|
|
|
|
|
.global-nav .instagram:hover,
|
|
|
|
|
|
.global-nav .twitter:hover {
|
|
|
|
|
|
opacity: .7;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.global-nav .followLabel {
|
|
|
|
|
|
color: #b2b2b2;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
|
padding: .6rem .4rem .6rem .8rem;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Login styles: refactor when move to new login. */
|
|
|
|
|
|
|
|
|
|
|
|
.global-nav .membership a {
|
|
|
|
|
|
text-transform: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.global-nav #nav-mynewyork {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
margin-right: 2rem;
|
|
|
|
|
|
padding-right: 1rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
background: transparent url(//cache.nymag.com/media/down-arrow.png) right center no-repeat;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.global-nav #user_name {
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.global-nav .membership ul {
|
|
|
|
|
|
list-style: none;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
min-width: 10rem;
|
|
|
|
|
|
padding-left: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.global-nav .mynewyork ul {
|
|
|
|
|
|
background: #fff;
|
|
|
|
|
|
border: 1px solid #222;
|
|
|
|
|
|
border-top: none;
|
|
|
|
|
|
border-radius: 0 0 .3rem .3rem;
|
|
|
|
|
|
box-shadow: 0 -.5rem .5rem rgba(85, 85, 85, .5);
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
top: 2.3rem;
|
|
|
|
|
|
z-index: 999999999;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.global-nav #sub_nav_mynewyork a {
|
|
|
|
|
|
border-bottom: 1px solid #e5e5e5;
|
|
|
|
|
|
color: #3e3e3e;
|
|
|
|
|
|
font-size: 1.1rem;
|
|
|
|
|
|
margin: 0 .6rem;
|
|
|
|
|
|
padding: .6rem .3rem .5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.global-nav #sub_nav_mynewyork #utility_logout {
|
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
|
padding-bottom: .8rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.global-nav #sub_nav_mynewyork a:hover {
|
|
|
|
|
|
text-decoration: underline;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Basics */
|
|
|
|
|
|
|
|
|
|
|
|
.img {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.1rem;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
line-height: 1.3rem;
|
|
|
|
|
|
margin: 1.6rem 0;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img div {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img img {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
transition: opacity .4s ease-in;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img aside {
|
|
|
|
|
|
left: .5rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: .5rem;
|
|
|
|
|
|
transition: opacity .25s ease-in;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img figcaption {
|
|
|
|
|
|
margin: .5rem 0 0;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img figcaption,
|
|
|
|
|
|
.img figcaption[itemprop='caption'] a {
|
|
|
|
|
|
color: #353535;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img figcaption .buffer {
|
|
|
|
|
|
margin-right: .2rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img cite {
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img cite,
|
|
|
|
|
|
.img figcaption[itemprop='caption'] cite a {
|
|
|
|
|
|
color: #888;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img .close {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Display Variations */
|
|
|
|
|
|
|
|
|
|
|
|
/* Thumb */
|
|
|
|
|
|
|
|
|
|
|
|
.img.thumb {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
margin: .5rem 2rem 1rem 0;
|
|
|
|
|
|
max-width: 18.8rem;
|
|
|
|
|
|
min-width: 14.6rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.thumb cite {
|
|
|
|
|
|
display: inline;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.thumb aside {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Square */
|
|
|
|
|
|
|
|
|
|
|
|
.img.square {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
margin: .5rem 2rem 1rem 0;
|
|
|
|
|
|
width: 18.8rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.square cite {
|
|
|
|
|
|
display: inline;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Vertical */
|
|
|
|
|
|
|
|
|
|
|
|
.img.vertical-small {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
margin: .5rem 2rem 1rem 0;
|
|
|
|
|
|
width: 24rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.vertical-small cite {
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Vertical List */
|
|
|
|
|
|
|
|
|
|
|
|
.img.vertical-list figcaption {
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Large Vertical */
|
|
|
|
|
|
|
|
|
|
|
|
.img.vertical {
|
|
|
|
|
|
margin: .5rem 0 2.1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.vertical figcaption {
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Horizontal */
|
|
|
|
|
|
|
|
|
|
|
|
.img.horizontal {
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
margin: .5rem 0 2.1rem;
|
|
|
|
|
|
width: 52.9rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.horizontal figcaption {
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.horizontal img {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Secondary Image Alignment */
|
|
|
|
|
|
|
|
|
|
|
|
.img.right {
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
margin: 1rem 0 1rem 2.5rem;
|
|
|
|
|
|
max-width: 25rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.left {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
margin: 1rem 2.5rem 1rem 0;
|
|
|
|
|
|
max-width: 25rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.left.secondary figcaption {
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.center {
|
|
|
|
|
|
margin: 1.6rem 0 2.4rem;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* secondary centered images shouldn't have text wrap around them */
|
|
|
|
|
|
|
|
|
|
|
|
.img.center.secondary {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
margin: 1.6rem auto 2.4rem;
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.center.secondary figcaption {
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.center.secondary img {
|
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Enlarge Button */
|
|
|
|
|
|
|
|
|
|
|
|
.img .enlarge {
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
border: 1px solid #ccc;
|
|
|
|
|
|
border-radius: .3rem;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
height: 3.1rem;
|
|
|
|
|
|
line-height: 0;
|
|
|
|
|
|
margin: 0 0 .6rem;
|
|
|
|
|
|
opacity: .6;
|
|
|
|
|
|
padding: .4rem;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
transition: opacity .15s ease-in;
|
|
|
|
|
|
width: 3.1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img:hover .enlarge {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img .enlarge svg {
|
|
|
|
|
|
height: 1.6rem;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
width: 1.6rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Enlarged Image */
|
|
|
|
|
|
|
|
|
|
|
|
.img.enlarged {
|
|
|
|
|
|
-webkit-align-items: center;
|
|
|
|
|
|
-ms-flex-align: center;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
height: 100vh;
|
|
|
|
|
|
-webkit-justify-content: center;
|
|
|
|
|
|
-ms-flex-pack: center;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
max-width: none;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
z-index: 9999999;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.enlarged div {
|
|
|
|
|
|
max-height: 90%;
|
|
|
|
|
|
/* Read by JavaScript. Must be %. */
|
|
|
|
|
|
max-width: 102.4rem;
|
|
|
|
|
|
/* Read by JavaScript. Must be rem. */
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.enlarged img {
|
|
|
|
|
|
-webkit-flex: 1 100%;
|
|
|
|
|
|
-ms-flex: 1 100%;
|
|
|
|
|
|
flex: 1 100%;
|
|
|
|
|
|
height: auto;
|
|
|
|
|
|
max-height: 100%;
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
-webkit-order: 1;
|
|
|
|
|
|
-ms-flex-order: 1;
|
|
|
|
|
|
order: 1;
|
|
|
|
|
|
width: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.enlarged .enlarge {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.enlarged figcaption {
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
-webkit-flex: 1 100%;
|
|
|
|
|
|
-ms-flex: 1 100%;
|
|
|
|
|
|
flex: 1 100%;
|
|
|
|
|
|
-webkit-order: 2;
|
|
|
|
|
|
-ms-flex-order: 2;
|
|
|
|
|
|
order: 2;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.enlarged figcaption cite {
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.enlarged .close {
|
|
|
|
|
|
background-color: rgba(87, 87, 87, .2);
|
|
|
|
|
|
border: 1px solid rgba(0, 0, 0, .1);
|
|
|
|
|
|
border-radius: .3rem;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
height: 3.1rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: .5rem;
|
|
|
|
|
|
top: .5rem;
|
|
|
|
|
|
transition: border-color .25s ease-in;
|
|
|
|
|
|
width: 3.1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.enlarged .close svg {
|
|
|
|
|
|
height: 1.6rem;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
margin: .7rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
width: 1.6rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.enlarged .close svg path {
|
|
|
|
|
|
fill: #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Pinterest and fb */
|
|
|
|
|
|
|
|
|
|
|
|
.img aside a.fb,
|
|
|
|
|
|
.img aside a.pinterest {
|
|
|
|
|
|
background-color: rgba(255,255,255, 0.8);
|
|
|
|
|
|
border: 1px solid #ccc;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
line-height: 0;
|
|
|
|
|
|
margin: 0 0 .6rem;
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
padding: .3rem;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
transition: opacity .25s ease-in, background-color .15s ease-in;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img aside a.pinterest {
|
|
|
|
|
|
border-bottom: 0;
|
|
|
|
|
|
border-top-left-radius: .3rem;
|
|
|
|
|
|
border-top-right-radius: .3rem;
|
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img aside a.fb {
|
|
|
|
|
|
border-bottom-left-radius: .3rem;
|
|
|
|
|
|
border-bottom-right-radius: .3rem;
|
|
|
|
|
|
border-top: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img:hover aside a.pinterest,
|
|
|
|
|
|
.img.enlarged aside a.pinterest,
|
|
|
|
|
|
.img:hover aside a.fb,
|
|
|
|
|
|
.img.enlarged aside a.fb {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img aside a.pinterest:hover,
|
|
|
|
|
|
.img aside a.fb:hover {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img aside a.pinterest svg,
|
|
|
|
|
|
.img aside a.fb svg {
|
|
|
|
|
|
height: 2.3rem;
|
|
|
|
|
|
width: 2.3rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Slideshow button on top of primary image. */
|
|
|
|
|
|
|
|
|
|
|
|
.img.slideshow-link > div > a {
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
z-index: 10;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.slideshow-link > div > a button {
|
|
|
|
|
|
background-color: #000;
|
|
|
|
|
|
border: 1px solid #000;
|
|
|
|
|
|
bottom: 1.8rem;
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: "MillerHeadlineLight", Georgia, serif;
|
|
|
|
|
|
font-size: 1.45rem;
|
|
|
|
|
|
font-weight: 300;
|
|
|
|
|
|
letter-spacing: .1rem;
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
padding: .3rem 1.2rem 1.3rem 1.9rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: 1.5rem;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
transition: background-color 0.2s;
|
|
|
|
|
|
-webkit-font-smoothing: subpixel-antialiased;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.slideshow-link > div > a:hover button {
|
|
|
|
|
|
background-color: #381AB1;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.slideshow-link > div > a svg {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
height: 2.5rem;
|
|
|
|
|
|
margin: 0 .6rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
top: .6rem;
|
|
|
|
|
|
width: 2.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Alternate slideshow button for large vertical. */
|
|
|
|
|
|
|
|
|
|
|
|
.img.slideshow-link.vertical > div > a button {
|
|
|
|
|
|
bottom: auto;
|
|
|
|
|
|
letter-spacing: 0;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
top: 1.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Alternate slideshow button for vertical-small. */
|
|
|
|
|
|
|
|
|
|
|
|
.img.slideshow-link.vertical-small > div > a button {
|
|
|
|
|
|
bottom: .9rem;
|
|
|
|
|
|
left: .9rem;
|
|
|
|
|
|
right: .9rem;
|
|
|
|
|
|
width: calc(100% - 1.8rem);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.interstitial {
|
|
|
|
|
|
background: rgba(0, 0, 0, .85);
|
|
|
|
|
|
box-shadow: 0 .5rem .5rem rgba(255, 255, 255, .85);
|
|
|
|
|
|
color: #aaa;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
|
height: 28.1rem;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
overflow-y: hidden;
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
z-index: -100;
|
|
|
|
|
|
-webkit-transform: translateY(-26.8rem);
|
|
|
|
|
|
transform: translateY(-26.8rem);
|
|
|
|
|
|
transition: -webkit-transform .5s ease-in-out;
|
|
|
|
|
|
transition: transform .5s ease-in-out;
|
|
|
|
|
|
transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.interstitial .ad {
|
|
|
|
|
|
bottom: .7rem;
|
|
|
|
|
|
left: 50%;
|
|
|
|
|
|
margin-left: -48.5rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
vertical-align: bottom;
|
|
|
|
|
|
width: 97rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.interstitial button {
|
|
|
|
|
|
background: #000;
|
|
|
|
|
|
background: rgba(0, 0, 0, .2);
|
|
|
|
|
|
border: 0;
|
|
|
|
|
|
border-radius: .5rem;
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
|
height: 2rem;
|
|
|
|
|
|
left: 50%;
|
|
|
|
|
|
margin-left: 42.9rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
top: .3rem;
|
|
|
|
|
|
width: 8rem;
|
|
|
|
|
|
z-index: 2;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.interstitial .load {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.interstitial section {
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
transition: opacity .5s ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.interstitial.show,
|
|
|
|
|
|
.interstitial .show {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
-webkit-transform: translateY(0);
|
|
|
|
|
|
transform: translateY(0);
|
|
|
|
|
|
z-index: 999999998;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.interstitial span:not(.seconds) {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
padding: .3rem 0 .3rem 0;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.interstitial.close,
|
|
|
|
|
|
.interstitial .close {
|
|
|
|
|
|
-webkit-transform: translateY(-28rem);
|
|
|
|
|
|
transform: translateY(-28rem);
|
|
|
|
|
|
z-index: 999999998;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
margin: 3.5rem 0 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular h2 {
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
color: #333;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
font-family: Georgia, serif;
|
|
|
|
|
|
font-size: 1.3rem;
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
left: 2rem;
|
|
|
|
|
|
line-height: 1.1;
|
|
|
|
|
|
padding: 0 1rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: -1.8rem;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
z-index: 2;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article {
|
|
|
|
|
|
border-top: 1px solid #f1f1f1;
|
|
|
|
|
|
padding-bottom: 2rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article:nth-of-type(1) {
|
|
|
|
|
|
border-top: 1px solid #bbb;
|
|
|
|
|
|
padding-top: 1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular a {
|
|
|
|
|
|
background-position: 3.5rem 1.5rem;
|
|
|
|
|
|
color: #222;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: Georgia, serif;
|
|
|
|
|
|
font-size: 1.5rem;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
line-height: 1.7;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: 2rem 3rem 0 3.5rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
text-transform: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular a:before {
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular a:hover {
|
|
|
|
|
|
color: #444;
|
|
|
|
|
|
transition: color .2s;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular div.visual {
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
background-size: 23.5rem auto;
|
|
|
|
|
|
height: 15.7rem;
|
|
|
|
|
|
margin-bottom: .5rem;
|
|
|
|
|
|
width: 23.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular p {
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article p {
|
|
|
|
|
|
line-height: 1.3;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Numbers */
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article a:before {
|
|
|
|
|
|
background: url(//cache.nymag.com/media/1.png) no-repeat 0 0;
|
|
|
|
|
|
background-size: auto 2rem;
|
|
|
|
|
|
content: ' ';
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
height: 2rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
top: 2.8rem;
|
|
|
|
|
|
width: 2rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article:nth-of-type(2) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/2.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article:nth-of-type(3) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/3.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article:nth-of-type(4) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/4.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article:nth-of-type(5) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/5.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article:nth-of-type(6) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/6.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article:nth-of-type(7) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/7.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article:nth-of-type(8) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/8.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article:nth-of-type(9) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/9.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article:nth-of-type(10) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/10.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular .share-feed {
|
|
|
|
|
|
margin: .8rem 0 .1rem;
|
|
|
|
|
|
padding: 0 0 1.75rem 3.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular .share-feed a:before {
|
|
|
|
|
|
background: none;
|
|
|
|
|
|
content: '' !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.related-side {
|
|
|
|
|
|
border-bottom: 1px solid #eaeaea;
|
|
|
|
|
|
border-top: 1px solid #eaeaea;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
margin: .8rem 2.5rem 1.5rem 0;
|
|
|
|
|
|
padding: .5rem 0 0;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
width: 19rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.related-side h2,
|
|
|
|
|
|
.story .body .related-side h2 {
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
color: #555;
|
|
|
|
|
|
font-family: Georgia, serif;
|
|
|
|
|
|
font-size: 1.1rem;
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding-right: .8rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: -1.2rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.related-side a,
|
|
|
|
|
|
.story .body .related-side a {
|
|
|
|
|
|
background-position: 0 1rem;
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
background-size: 4.7rem auto;
|
|
|
|
|
|
border-bottom: 1px solid #f1f1f1;
|
|
|
|
|
|
color: #2881b3;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.2rem;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
line-height: 1.2;
|
|
|
|
|
|
min-height: 6.7rem;
|
|
|
|
|
|
padding: 1rem 0;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.related-side a.has-image,
|
|
|
|
|
|
.story .body .related-side a.has-image {
|
|
|
|
|
|
padding: 1rem 0 1rem 5.7rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.related-side a:last-child,
|
|
|
|
|
|
.story .body .related-side a:last-child {
|
|
|
|
|
|
border-bottom: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* container */
|
|
|
|
|
|
|
|
|
|
|
|
.share {
|
|
|
|
|
|
border-top: 1px solid #e0e0e0;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
margin: 0 0 4.5rem 0;
|
|
|
|
|
|
padding: 1.4rem 0 0;
|
|
|
|
|
|
width: 11rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share em {
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* title */
|
|
|
|
|
|
|
|
|
|
|
|
.share .share-text {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* total share count */
|
|
|
|
|
|
|
|
|
|
|
|
.share .share-counter {
|
|
|
|
|
|
color: #f6a303;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 2rem;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
margin: 0 0 1.7rem;
|
|
|
|
|
|
padding: 0 .6rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share .share-counter em {
|
|
|
|
|
|
color: #000;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-size: 1.3rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* share link */
|
|
|
|
|
|
|
|
|
|
|
|
.share a {
|
|
|
|
|
|
border-top: 1px solid #eaeaea;
|
|
|
|
|
|
color: #555;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.1rem;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
height: 2.6rem;
|
|
|
|
|
|
margin: 0 0 .9rem;
|
|
|
|
|
|
padding: 1.1rem 0 0 2.9rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
width: 10.9rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* share icons */
|
|
|
|
|
|
|
|
|
|
|
|
.share a svg {
|
|
|
|
|
|
height: 1.8rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
left: .5rem;
|
|
|
|
|
|
top: .7rem;
|
|
|
|
|
|
width: 1.8rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share a.email svg {
|
|
|
|
|
|
height: 1.7rem;
|
|
|
|
|
|
left: .6rem;
|
|
|
|
|
|
top: 1rem;
|
|
|
|
|
|
width: 1.7rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share a.comments svg {
|
|
|
|
|
|
height: 1.8rem;
|
|
|
|
|
|
left: .5rem;
|
|
|
|
|
|
top: .8rem;
|
|
|
|
|
|
width: 1.7rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share a.print svg {
|
|
|
|
|
|
height: 2.2rem;
|
|
|
|
|
|
left: .3rem;
|
|
|
|
|
|
top: .6rem;
|
|
|
|
|
|
width: 2.2rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* count */
|
|
|
|
|
|
|
|
|
|
|
|
.share a em {
|
|
|
|
|
|
border-left: 1px solid #dadada;
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
color: #000;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
margin-top: 1rem;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
width: 3.4em;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* specific share tools */
|
|
|
|
|
|
|
|
|
|
|
|
.share a.comments {
|
|
|
|
|
|
color: #000;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share a.email {
|
|
|
|
|
|
border-top: 1px solid #eaeaea;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share a.print {
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
margin: -.2rem 0 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share .close {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* horizontal (direction set in json) */
|
|
|
|
|
|
|
|
|
|
|
|
.share.horizontal {
|
|
|
|
|
|
border-bottom: 1px solid #eaeaea;
|
|
|
|
|
|
border-top: 1px solid #eaeaea;
|
|
|
|
|
|
padding: 1rem 0;
|
|
|
|
|
|
margin-bottom: 3rem;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share.horizontal::after {
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
content: '';
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share.horizontal .share-counter {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share.horizontal a {
|
|
|
|
|
|
background-position: 0;
|
|
|
|
|
|
border-right: 1px solid #dadada;
|
|
|
|
|
|
border-top: none;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
height: 1.8rem;
|
|
|
|
|
|
margin: 0 1rem 0 0;
|
|
|
|
|
|
padding: .4rem 0 0 2.4rem;
|
|
|
|
|
|
width: 6.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share.horizontal a:last-of-type {
|
|
|
|
|
|
border-right: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share.horizontal a em {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* share icons */
|
|
|
|
|
|
|
|
|
|
|
|
.share.horizontal a svg {
|
|
|
|
|
|
height: 1.8rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
width: 1.8rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share.horizontal a.email svg {
|
|
|
|
|
|
height: 1.7rem;
|
|
|
|
|
|
top: .3rem;
|
|
|
|
|
|
width: 1.7rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share.horizontal a.print svg {
|
|
|
|
|
|
height: 2.2rem;
|
|
|
|
|
|
top: -.1rem;
|
|
|
|
|
|
width: 2.2rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share.horizontal a.print span {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* hide the mobile overlay (edge case) */
|
|
|
|
|
|
|
|
|
|
|
|
.share.overlay {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* hide whatsapp (except on ios) */
|
|
|
|
|
|
|
|
|
|
|
|
.share .whatsapp {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share .whatsapp.displayed {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share-feed,
|
|
|
|
|
|
.greatest-hits .share-feed,
|
|
|
|
|
|
.most-popular .share-feed,
|
|
|
|
|
|
.newsfeed .share-feed {
|
|
|
|
|
|
height: 1.6rem;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share-feed div.share-count,
|
|
|
|
|
|
.greatest-hits section.share-feed div.share-count,
|
|
|
|
|
|
.most-popular section.share-feed div.share-count,
|
|
|
|
|
|
.newsfeed section.share-feed div.share-count,
|
|
|
|
|
|
.top-stories section.share-feed div.share-count {
|
|
|
|
|
|
color: #f85d00;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.2rem;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
height: 1.6rem;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
line-height: 1;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: 0 0 .1rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share-feed .share-count em,
|
|
|
|
|
|
.greatest-hits .share-feed .share-count em,
|
|
|
|
|
|
.most-popular .share-feed .share-count em,
|
|
|
|
|
|
.newsfeed .share-feed .share-count em {
|
|
|
|
|
|
color: #555;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.1rem;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share-feed a,
|
|
|
|
|
|
.greatest-hits .share-feed a,
|
|
|
|
|
|
.most-popular .share-feed a,
|
|
|
|
|
|
.newsfeed .share-feed a {
|
|
|
|
|
|
background-position: 0;
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
background-size: 1.4rem 1.4rem;
|
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
|
border-top: none;
|
|
|
|
|
|
color: #555;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.1rem;
|
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
|
opacity: .2;
|
|
|
|
|
|
padding: .1rem 0 .1rem 1.8rem;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share-feed a.fb,
|
|
|
|
|
|
.greatest-hits .share-feed a.fb,
|
|
|
|
|
|
.most-popular .share-feed a.fb,
|
|
|
|
|
|
.newsfeed .share-feed a.fb {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/facebook.svg);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share-feed a.twit,
|
|
|
|
|
|
.greatest-hits .share-feed a.twit,
|
|
|
|
|
|
.most-popular .share-feed a.twit,
|
|
|
|
|
|
.newsfeed .share-feed a.twit {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/twitter.svg);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share-feed a:hover,
|
|
|
|
|
|
.greatest-hits .share-feed a:hover,
|
|
|
|
|
|
.most-popular .share-feed a:hover,
|
|
|
|
|
|
.newsfeed .share-feed a:hover {
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share-feed a:nth-of-type(1),
|
|
|
|
|
|
.most-popular .share-feed a:nth-of-type(1),
|
|
|
|
|
|
.newsfeed .share-feed a:nth-of-type(1) {
|
|
|
|
|
|
border-right: 1px solid #dadada;
|
|
|
|
|
|
margin-right: .8rem;
|
|
|
|
|
|
padding: .1rem .8rem .1rem 1.8rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
section.share-feed a.fb:before,
|
|
|
|
|
|
article:hover .share-feed div.share-count,
|
|
|
|
|
|
.top-stories div div:hover .share-feed div.share-count,
|
|
|
|
|
|
.most-popular article:hover .share-feed div.share-count {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
article:hover .share-feed a,
|
|
|
|
|
|
.greatest-hits article:hover .share-feed a,
|
|
|
|
|
|
.top-stories div div:hover .share-feed a,
|
|
|
|
|
|
.most-popular article:hover .share-feed a {
|
|
|
|
|
|
color: #000;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
transition: opacity .8s;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Components that hide count. */
|
|
|
|
|
|
|
|
|
|
|
|
.share-feed.no-count div.share-count,
|
|
|
|
|
|
a:hover .share-feed.no-count div.share-count,
|
|
|
|
|
|
article:hover .share-feed.no-count div.share-count,
|
|
|
|
|
|
.scienceofus .newsfeed .share-feed div.share-count,
|
|
|
|
|
|
.scienceofus .newsfeed a:hover .share-feed div.share-count,
|
|
|
|
|
|
.scienceofus .newsfeed article:hover .share-feed div.share-count,
|
|
|
|
|
|
.grubstreet .newsfeed .share-feed div.share-count,
|
|
|
|
|
|
.grubstreet .newsfeed a:hover .share-feed div.share-count,
|
|
|
|
|
|
.grubstreet .newsfeed article:hover .share-feed div.share-count {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal {
|
|
|
|
|
|
border-top: 1px solid #e5e5e5;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .vulture-nav-inner {
|
|
|
|
|
|
border: 0;
|
|
|
|
|
|
height: 40px;
|
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
width: 1024px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .vulture-nav-inner:after {
|
|
|
|
|
|
border: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .logo {
|
|
|
|
|
|
height: 57px;
|
|
|
|
|
|
left: -33px;
|
|
|
|
|
|
top: -7px;
|
|
|
|
|
|
width: 278px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .logo svg {
|
|
|
|
|
|
height: 107px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .tagline {
|
|
|
|
|
|
height: 100px;
|
|
|
|
|
|
left: 69px;
|
|
|
|
|
|
top: 26px;
|
|
|
|
|
|
width: 80px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .main {
|
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
height: 25px;
|
|
|
|
|
|
-webkit-justify-content: space-around;
|
|
|
|
|
|
-ms-flex-pack: distribute;
|
|
|
|
|
|
justify-content: space-around;
|
|
|
|
|
|
left: 220px;
|
|
|
|
|
|
top: 13px;
|
|
|
|
|
|
width: calc(100% - 602px);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .stream {
|
|
|
|
|
|
margin-left: 30px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .main-item:last-of-type a {
|
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
|
letter-spacing: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .main-item:last-of-type a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/plus.svg);
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
background-size: 24%;
|
|
|
|
|
|
content: '';
|
|
|
|
|
|
height: 60px;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: 32px;
|
|
|
|
|
|
top: 5px;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .main-item:last-of-type a:after {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .search {
|
|
|
|
|
|
border: 1px solid #ccc;
|
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
|
cursor: text;
|
|
|
|
|
|
height: 30px;
|
|
|
|
|
|
outline: none;
|
|
|
|
|
|
right: 8px;
|
|
|
|
|
|
top: 10px;
|
|
|
|
|
|
width: 130px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .search:hover,
|
|
|
|
|
|
.vulture-nav-minimal .search:focus {
|
|
|
|
|
|
opacity: .8;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .search.on {
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
border: 1px solid #ccc;
|
|
|
|
|
|
height: 30px;
|
|
|
|
|
|
transition: width 150ms, background 150ms;
|
|
|
|
|
|
width: 210px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .search .search-icon {
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
height: 11px;
|
|
|
|
|
|
right: 9px;
|
|
|
|
|
|
top: 8px;
|
|
|
|
|
|
width: 11px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .search.on .search-icon {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .search .search-close,
|
|
|
|
|
|
.vulture-nav-minimal .search.on .search-close {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .search .text-query {
|
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
|
font: 12px Arial, sans-serif;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .search-icon svg {
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .searchtext {
|
|
|
|
|
|
color: #959595;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
font: 12px/.583 Arial, sans-serif;
|
|
|
|
|
|
padding: 11px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .dropdown,
|
|
|
|
|
|
.vulture-nav-minimal .nav-mobile {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news {
|
|
|
|
|
|
border-bottom: 1px solid #f1f1f1;
|
|
|
|
|
|
border-top: 1px solid #bbb;
|
|
|
|
|
|
margin-top: 1.5rem;
|
|
|
|
|
|
padding-bottom: 1.5rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news h2 {
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
color: #333;
|
|
|
|
|
|
font-family: "Elderkin", Arial, sans-serif;
|
|
|
|
|
|
font-size: 2.8rem;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
padding-right: 1rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: -4.1rem;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news a {
|
|
|
|
|
|
background-position: .2rem 1.5rem;
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
background-size: 14.5rem auto;
|
|
|
|
|
|
border-top: 1px solid #f1f1f1;
|
|
|
|
|
|
color: #3e3e3e;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: GeorgiaProCondSemiBold, serif;
|
|
|
|
|
|
font-size: 1.9rem;
|
|
|
|
|
|
line-height: 1.1;
|
|
|
|
|
|
margin: 1.5rem 0 0;
|
|
|
|
|
|
min-height: 12.2rem;
|
|
|
|
|
|
padding: 1.5rem 0 0;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news > a:nth-of-type(1) {
|
|
|
|
|
|
border-top: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news a:hover {
|
|
|
|
|
|
color: #444;
|
|
|
|
|
|
transition: color .2s;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news a[hidden] {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news a p {
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
color: #555;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: Georgia, serif;
|
|
|
|
|
|
font-size: 1.4rem;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
line-height: 1.3;
|
|
|
|
|
|
margin: .3rem 0 0;
|
|
|
|
|
|
text-transform: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news a .title {
|
|
|
|
|
|
color: #111;
|
|
|
|
|
|
font-family: Georgia, serif;
|
|
|
|
|
|
font-size: 1.8rem;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
line-height: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news a time {
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
color: #555;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
|
padding: 0 0 .6rem;
|
|
|
|
|
|
text-transform: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news a.latest-news-img {
|
|
|
|
|
|
padding-left: 16.3rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news button {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news .ad {
|
|
|
|
|
|
border-top: 1px solid #f1f1f1;
|
|
|
|
|
|
margin: 1.5rem auto 0;
|
|
|
|
|
|
padding: 1.5rem 0 0;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news .ad[data-sizes="538x110"] {
|
|
|
|
|
|
border-top: 0;
|
|
|
|
|
|
height: 1px;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture ins.adsbygoogle {
|
|
|
|
|
|
height: 60px;
|
|
|
|
|
|
margin: 0 3.5rem;
|
|
|
|
|
|
width: 468px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular > h2 {
|
|
|
|
|
|
font-family: "Elderkin", Helvetica, sans-serif;
|
|
|
|
|
|
font-size: 2rem;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
line-height: 1.1;
|
|
|
|
|
|
top: -2.8rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(6) {
|
|
|
|
|
|
border-top: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Numbers */
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article a:before {
|
|
|
|
|
|
background-size: auto 2rem;
|
|
|
|
|
|
content: ' ';
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
height: 2rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
top: 2.8rem;
|
|
|
|
|
|
width: 2.3rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(1) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-1.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(2) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-2.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(3) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-3.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(4) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-4.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(5) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-5.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(6) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-6.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(7) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-7.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(8) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-8.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(9) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-9.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(10) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-10.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz {
|
|
|
|
|
|
background-color: #ededed;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
margin-bottom: 2rem;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
padding: 4rem 3rem 3rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture #quizMobile {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.correct {
|
|
|
|
|
|
-webkit-animation: QuizFadeIn .35s ease-in;
|
|
|
|
|
|
animation: QuizFadeIn .35s ease-in;
|
|
|
|
|
|
background-color: #20bdef;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.wrong {
|
|
|
|
|
|
-webkit-animation: QuizFadeIn .35s ease-in;
|
|
|
|
|
|
animation: QuizFadeIn .35s ease-in;
|
|
|
|
|
|
background-color: #ff244e;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.block,
|
|
|
|
|
|
.vulture .quiz .block {
|
|
|
|
|
|
display: block !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.none,
|
|
|
|
|
|
.vulture .quiz .none {
|
|
|
|
|
|
display: none !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .visible {
|
|
|
|
|
|
visibility: visible !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz a,
|
|
|
|
|
|
.vulture .quiz button {
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz h2 {
|
|
|
|
|
|
font-family: Elderkin, Arial, sans-serif;
|
|
|
|
|
|
font-size: 4rem;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
letter-spacing: 0;
|
|
|
|
|
|
line-height: 100%;
|
|
|
|
|
|
margin: 0 0 2rem 0;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.mc-txt h2 {
|
|
|
|
|
|
border-bottom: 2px solid #000;
|
|
|
|
|
|
border-top: 2px solid #000;
|
|
|
|
|
|
font-family: georgia,serif;
|
|
|
|
|
|
font-size: 2.6rem;
|
|
|
|
|
|
margin: 0 6rem;
|
|
|
|
|
|
padding: 1rem 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz header img {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
height: auto;
|
|
|
|
|
|
margin: -3rem calc(50% - 6.3rem) 0;
|
|
|
|
|
|
width: 12.6rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.mc-txt header img {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide h2 {
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
font-family: Georgia, serif;
|
|
|
|
|
|
font-size: 2rem;
|
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
|
line-height: 2.2rem;
|
|
|
|
|
|
margin: 0 0 2rem;
|
|
|
|
|
|
padding: 0 1rem;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.photo .quiz-slide h2 {
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide > a {
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
border: 2px solid #000;
|
|
|
|
|
|
border-radius: 3px;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: arial, sans-serif;
|
|
|
|
|
|
font-size: 1.5rem;
|
|
|
|
|
|
margin: 1rem auto;
|
|
|
|
|
|
padding: 1rem 0;
|
|
|
|
|
|
width: 13rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide img {
|
|
|
|
|
|
border-radius: .2rem;
|
|
|
|
|
|
box-shadow: 0 0 3px 0 rgba(50,50,50,0.25);
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
margin-bottom: 2rem;
|
|
|
|
|
|
transition: visibility 300ms;
|
|
|
|
|
|
visibility: 1;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide img.fadeout {
|
|
|
|
|
|
visibility: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .reveal {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .current-slide,
|
|
|
|
|
|
.vulture .quiz .quiz-slide .slide-length {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
font-family: Georgia, serif;
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
margin: 2rem 0 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .count-top .current-slide,
|
|
|
|
|
|
.vulture .quiz .quiz-slide .count-top .slide-length {
|
|
|
|
|
|
font-family: arial, sans-serif;
|
|
|
|
|
|
font-size: 1.4rem;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
margin: 0 0 1rem 0;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .current-slide {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
padding-right: .5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .count-bottom .current-slide {
|
|
|
|
|
|
text-align: right;
|
|
|
|
|
|
width: 52%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .mc-txt .count-bottom {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .current-slide:after {
|
|
|
|
|
|
content: "of";
|
|
|
|
|
|
padding-left: .5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .count-top .current-slide:before {
|
|
|
|
|
|
content: "question";
|
|
|
|
|
|
padding-right: .5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .count-top {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
padding: 0 1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.mc-txt .quiz-slide .count-top {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .slide-length {
|
|
|
|
|
|
width: 48%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .option {
|
|
|
|
|
|
-webkit-align-items: stretch;
|
|
|
|
|
|
-ms-flex-align: stretch;
|
|
|
|
|
|
align-items: stretch;
|
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
-webkit-flex-wrap: wrap;
|
|
|
|
|
|
-ms-flex-wrap: wrap;
|
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .option button {
|
|
|
|
|
|
-webkit-align-self: stretch;
|
|
|
|
|
|
-ms-flex-item-align: stretch;
|
|
|
|
|
|
align-self: stretch;
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
border: 1px solid #ddd;
|
|
|
|
|
|
border-radius: .5rem;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
margin: 0 0 1rem 0;
|
|
|
|
|
|
min-height: 6rem;
|
|
|
|
|
|
padding: 0 1.5rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
transition: border .15s;
|
|
|
|
|
|
width: 49%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.photo .option button {
|
|
|
|
|
|
box-shadow: 1px 1px 2px 0 rgba(50, 50, 50, 0.25);
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.mc-txt .option button {
|
|
|
|
|
|
min-height: 5rem;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .option button:nth-of-type(odd) {
|
|
|
|
|
|
margin-right: 2%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.mc-txt .option button:nth-of-type(odd) {
|
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .option button p {
|
|
|
|
|
|
font-family: arial, sans-serif;
|
|
|
|
|
|
font-size: 1.6rem;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
line-height: 1.2;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: 1rem 0;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.photo .option button p {
|
|
|
|
|
|
padding: 1.5rem 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.mc-txt .option button p {
|
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.photo-reveal .option button p {
|
|
|
|
|
|
visibility: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.photo-img .option button p {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .option button img {
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
margin: -0.3rem 0 0 -0.3rem;
|
|
|
|
|
|
width: 103%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.photo .option button img {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.mc .option button img {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .option button.disabled {
|
|
|
|
|
|
border-color: #ddd;
|
|
|
|
|
|
color: #aaa;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .option button.disabled:hover {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .option button.disabled.correct-answer,
|
|
|
|
|
|
.vulture .quiz .option button.disabled.correct-answer:hover {
|
|
|
|
|
|
border-color: #000;
|
|
|
|
|
|
color: #000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.mc-reveal.wrong .option button.disabled.correct-answer,
|
|
|
|
|
|
.vulture .quiz.mc-img.wrong .option button.disabled.correct-answer {
|
|
|
|
|
|
-webkit-animation: QuizTransformAnswer .35s ease-in;
|
|
|
|
|
|
animation: QuizTransformAnswer .35s ease-in;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* ////////// BEFORE DISPLAYING COMMENT ////////// */
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .option button:hover {
|
|
|
|
|
|
border-color: #000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .option button.disabled {
|
|
|
|
|
|
border-color: #ddd;
|
|
|
|
|
|
color: #aaa;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .option button.disabled:hover {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .option button.disabled.correct-answer,
|
|
|
|
|
|
.vulture .quiz .option button.disabled.correct-answer:hover {
|
|
|
|
|
|
border-color: #000;
|
|
|
|
|
|
color: #000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .wrap {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .mc-txt .quiz-slide .wrap,
|
|
|
|
|
|
.vulture .photo .quiz-slide .wrap {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* -- CHECK AND X -- */
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .checkmark,
|
|
|
|
|
|
.vulture .quiz .x-icon {
|
|
|
|
|
|
-webkit-animation: QuizTransform .35s ease-in;
|
|
|
|
|
|
animation: QuizTransform .35s ease-in;
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
border: .2rem solid #000;
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
height: 3rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
right: .5rem;
|
|
|
|
|
|
top: .6rem;
|
|
|
|
|
|
width: 3rem;
|
|
|
|
|
|
z-index: 3;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .checkmark svg,
|
|
|
|
|
|
.vulture .quiz .x-icon svg {
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* -- CHECK AND X ON IMAGE -- */
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .wrap .checkmark,
|
|
|
|
|
|
.vulture .quiz .quiz-slide .wrap .x-icon,
|
|
|
|
|
|
.vulture .quiz.photo.correct button .checkmark,
|
|
|
|
|
|
.vulture .quiz.photo button .x-icon {
|
|
|
|
|
|
height: 10rem;
|
|
|
|
|
|
right: calc(50% - 5rem);
|
|
|
|
|
|
top: calc(50% - 5rem);
|
|
|
|
|
|
width: 10rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.photo.correct button .checkmark,
|
|
|
|
|
|
.vulture .quiz.photo button .x-icon {
|
|
|
|
|
|
top: calc(50% - 7rem);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .wrap .checkmark svg,
|
|
|
|
|
|
.vulture .quiz .quiz-slide .wrap .x-icon svg,
|
|
|
|
|
|
.vulture .quiz.photo button .checkmark svg,
|
|
|
|
|
|
.vulture .quiz.photo button .x-icon svg {
|
|
|
|
|
|
padding: 1.8rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.correct .quiz-slide .wrap .checkmark,
|
|
|
|
|
|
.vulture .quiz.photo.correct button .checkmark {
|
|
|
|
|
|
border: .5rem solid #20bdef;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.correct .quiz-slide .wrap .checkmark svg,
|
|
|
|
|
|
.vulture .quiz.photo.correct button .checkmark {
|
|
|
|
|
|
fill: #20bdef;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.wrong .quiz-slide .wrap .x-icon,
|
|
|
|
|
|
.vulture .quiz.wrong.photo button .x-icon {
|
|
|
|
|
|
border: .5rem solid #ff244e;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.wrong .quiz-slide .wrap .x-icon svg,
|
|
|
|
|
|
.vulture .quiz.wrong.photo button .x-icon svg {
|
|
|
|
|
|
fill: #ff244e;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* -- CHECK AND X ON IMAGE SMALL -- */
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.correct.mc-reveal .quiz-slide .wrap .checkmark,
|
|
|
|
|
|
.vulture .quiz.wrong.mc-reveal .quiz-slide .wrap .x-icon {
|
|
|
|
|
|
height: 6rem;
|
|
|
|
|
|
right: 1rem;
|
|
|
|
|
|
top: 1rem;
|
|
|
|
|
|
width: 6rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.correct.mc-reveal .quiz-slide .wrap .checkmark svg,
|
|
|
|
|
|
.vulture .quiz.wrong.mc-reveal .quiz-slide .wrap .x-icon svg {
|
|
|
|
|
|
padding: 1.1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.correct.mc-reveal .quiz-slide .wrap .checkmark {
|
|
|
|
|
|
border: .3rem solid #20bdef;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.wrong.mc-reveal .quiz-slide .wrap .x-icon {
|
|
|
|
|
|
border: .3rem solid #ff244e;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* -- CHECK AND X ON BUTTONS -- */
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.photo.wrong button .checkmark svg,
|
|
|
|
|
|
.vulture .quiz.mc button .checkmark svg,
|
|
|
|
|
|
.vulture .quiz.mc button .x-icon svg {
|
|
|
|
|
|
padding: .5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.wrong.mc button .x-icon {
|
|
|
|
|
|
border: .2rem solid #ff244e;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.wrong.mc button .x-icon svg {
|
|
|
|
|
|
fill: #ff244e;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.correct.mc button .checkmark,
|
|
|
|
|
|
.vulture .quiz.wrong.mc button .checkmark,
|
|
|
|
|
|
.vulture .quiz.wrong.photo button .checkmark {
|
|
|
|
|
|
border: .2rem solid #20bdef;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.correct.mc button .checkmark svg,
|
|
|
|
|
|
.vulture .quiz.wrong.mc button .checkmark svg,
|
|
|
|
|
|
.vulture .quiz.wrong.photo button .checkmark svg {
|
|
|
|
|
|
fill: #20bdef;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.mc.wrong button .x-icon,
|
|
|
|
|
|
.vulture .quiz.mc.correct button .x-icon,
|
|
|
|
|
|
.vulture .quiz.mc.correct button .checkmark,
|
|
|
|
|
|
.vulture .quiz.mc.wrong button .checkmark {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.mc.mc-txt.wrong button .x-icon,
|
|
|
|
|
|
.vulture .quiz.mc.mc-txt.correct button .checkmark,
|
|
|
|
|
|
.vulture .quiz.mc.mc-txt.wrong button .checkmark {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
top: calc(50% - 1.5rem);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.photo.correct button .checkmark {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* ////////// LAST SLIDE ////////// */
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .icon {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-icon-blue.svg);
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
background-size: 100%;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
height: 4.5rem;
|
|
|
|
|
|
left: calc(50% - 2.25rem);
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: -2.2rem;
|
|
|
|
|
|
width: 4.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .rank {
|
|
|
|
|
|
background: #fff;
|
|
|
|
|
|
border: 6px solid #20bdef;
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
color: #20bdef;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
height: 11rem;
|
|
|
|
|
|
margin: 2rem 0 0 calc(50% - 16.1rem);
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
width: 11rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .rank p {
|
|
|
|
|
|
color: #20bbf0;
|
|
|
|
|
|
font-family: Arial,serif;
|
|
|
|
|
|
font-size: 1.2rem;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
line-height: 1.2;
|
|
|
|
|
|
padding: 1.5rem 1.2rem 1.5rem 1rem;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
width: 10rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .score-wrap {
|
|
|
|
|
|
background: #fff;
|
|
|
|
|
|
border: 6px solid #20bdef;
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
color: #20bdef;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
height: 13rem;
|
|
|
|
|
|
margin: 2rem 0 0 -1.5rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
width: 13rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .score-wrap:before {
|
|
|
|
|
|
content: "score";
|
|
|
|
|
|
font-family: arial,sans-serif;
|
|
|
|
|
|
font-size: 1.2rem;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
left: 3.7rem;
|
|
|
|
|
|
letter-spacing: -.05rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
top: 2.3rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .score-wrap span {
|
|
|
|
|
|
color: #20bdef;
|
|
|
|
|
|
font-family: Elderkin, Arial, sans-serif;
|
|
|
|
|
|
font-size: 5rem;
|
|
|
|
|
|
font-weight: 100;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .score-wrap > span {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
margin-top: 5.4rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .score-wrap .total-score {
|
|
|
|
|
|
text-align: right;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .score-wrap .total-score:after {
|
|
|
|
|
|
content: "/";
|
|
|
|
|
|
font-size: 5rem;
|
|
|
|
|
|
font-weight: lighter;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .score-wrap .slide-length {
|
|
|
|
|
|
margin-left: -1rem;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide > div:nth-of-type(2) {
|
|
|
|
|
|
background-color: #20bdef;
|
|
|
|
|
|
border: 5px solid #fff;
|
|
|
|
|
|
padding: 2rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide div > a:first-of-type {
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
border: 6px solid #20bdef;
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
color: #20bdef;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
height: 11rem;
|
|
|
|
|
|
left: -1.5rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
top: 2rem;
|
|
|
|
|
|
width: 11rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide div > a:first-of-type:after {
|
|
|
|
|
|
bottom: 1.6rem;
|
|
|
|
|
|
content: "replay";
|
|
|
|
|
|
font-family: arial,sans-serif;
|
|
|
|
|
|
font-size: 1.2rem;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
left: 2.7rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide div > a:first-of-type svg {
|
|
|
|
|
|
fill: #20bdef;
|
|
|
|
|
|
left: 2.3rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 1rem;
|
|
|
|
|
|
width: 5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .comment,
|
|
|
|
|
|
.vulture .quiz .result-slide h3 {
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
font-size: 2.8rem;
|
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
|
line-height: 1.1;
|
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
padding: 1.5rem 0;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .comment {
|
|
|
|
|
|
width: 80%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide h3 {
|
|
|
|
|
|
border-top: 1px solid #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz aside {
|
|
|
|
|
|
margin: 3rem 0 0;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz aside:after {
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
display: table;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz aside p {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-wings.svg);
|
|
|
|
|
|
background-position: center center;
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
background-size: 100%;
|
|
|
|
|
|
margin: .5rem 0 2.5rem;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz aside p span {
|
|
|
|
|
|
background-color: #ededed;
|
|
|
|
|
|
color: #20bdef;
|
|
|
|
|
|
display: inline;
|
|
|
|
|
|
font-family: Elderkin, Arial, sans-serif;
|
|
|
|
|
|
font-size: 2.5rem;
|
|
|
|
|
|
font-weight: bolder;
|
|
|
|
|
|
padding: 1rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
top: .1rem;
|
|
|
|
|
|
width: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz aside svg {
|
|
|
|
|
|
margin-bottom: 2rem;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz aside a {
|
|
|
|
|
|
background-color: #20bdef;
|
|
|
|
|
|
border: .5rem solid #fff;
|
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
margin-bottom: 1rem;
|
|
|
|
|
|
padding: 1rem;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz aside a:after {
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz aside span {
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
font-size: 1.8rem;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
line-height: 1.2;
|
|
|
|
|
|
padding-top: .8rem;
|
|
|
|
|
|
width: 73%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz aside img {
|
|
|
|
|
|
border: .3rem solid #fff;
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
margin-right: 2rem;
|
|
|
|
|
|
max-height: 7.5rem;
|
|
|
|
|
|
max-width: 7.5rem;
|
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .fb-share,
|
|
|
|
|
|
.vulture .quiz .result-slide .twitter-share {
|
|
|
|
|
|
-webkit-align-items: center;
|
|
|
|
|
|
-ms-flex-align: center;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
border-radius: .3rem;
|
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
font-family: arial, sans-serif;
|
|
|
|
|
|
font-size: 1.5rem;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
height: 4.3rem;
|
|
|
|
|
|
padding: 1rem 0;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
width: 16.8rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .fb-share {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
margin: 0 1.3rem 0 calc(50% - 17.4rem);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .twitter-share:before {
|
|
|
|
|
|
content: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .fb-share span,
|
|
|
|
|
|
.vulture .quiz .result-slide .twitter-share span {
|
|
|
|
|
|
border-left: .1rem solid #ccc;
|
|
|
|
|
|
color: #20bdef;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .fb-share span {
|
|
|
|
|
|
padding-left: 2.3rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .twitter-share span {
|
|
|
|
|
|
padding-left: 3.3rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .fb-share svg {
|
|
|
|
|
|
fill: #20bdef;
|
|
|
|
|
|
width: 4.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .twitter-share svg {
|
|
|
|
|
|
margin-left: .6rem;
|
|
|
|
|
|
width: 4.2rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .twitter-share svg path:nth-of-type(1) {
|
|
|
|
|
|
fill: #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .twitter-share svg path:nth-of-type(2) {
|
|
|
|
|
|
fill: #20bdef;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* --- RIGHT COLUMN AD --- */
|
|
|
|
|
|
|
|
|
|
|
|
.vulture #article #tertiary.adFade {
|
|
|
|
|
|
margin-top: 3.8rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 0.000em) and (max-width: 37.499em) {
|
|
|
|
|
|
#article-feature #primary,
|
|
|
|
|
|
#article-feature #primary-aux,
|
|
|
|
|
|
#article-feature #secondary,
|
|
|
|
|
|
#article-feature #tertiary {
|
|
|
|
|
|
padding: 0 20px;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #primary {
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
padding-top: 22px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #primary .share:nth-of-type(1) {
|
|
|
|
|
|
margin-bottom: 40px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #primary .share-mini {
|
|
|
|
|
|
margin-bottom: 15px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #secondary .vp-0-480[data-sizes^='320x50'],
|
|
|
|
|
|
#article-feature #bottom .vp-0-480[data-sizes^='320x50'],
|
|
|
|
|
|
#article-feature #secondary .vp-480-600[data-sizes^='468x60'],
|
|
|
|
|
|
#article-feature #bottom .vp-480-600[data-sizes^='468x60'] {
|
|
|
|
|
|
background: #fff;
|
|
|
|
|
|
border-bottom: 1px solid #bbb;
|
|
|
|
|
|
height: 91px;
|
|
|
|
|
|
margin-bottom: 14px;
|
|
|
|
|
|
min-width: 320px;
|
|
|
|
|
|
padding: 5px 0;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #secondary .vp-480-600[data-sizes^='468x60'],
|
|
|
|
|
|
#article-feature #bottom .vp-480-600[data-sizes^='468x60'] {
|
|
|
|
|
|
height: 101px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #secondary .latest-news h2,
|
|
|
|
|
|
#article-feature #secondary .latest-news a {
|
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #secondary .vp-480-600[data-sizes^='468x60'] > div {
|
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
max-width: 480px;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #tertiary {
|
|
|
|
|
|
margin-bottom: 25px;
|
|
|
|
|
|
overflow-x: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #tertiary .most-popular {
|
|
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #bottom .vp-0-480[data-sizes^='320x50'],
|
|
|
|
|
|
#article-feature #bottom .vp-480-600[data-sizes^='468x60'] {
|
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
|
height: 92px;
|
|
|
|
|
|
margin-top: 5px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #bottom .vp-480-600[data-sizes^='468x60'] {
|
|
|
|
|
|
height: 102px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad.vp-0-480,
|
|
|
|
|
|
.ad.vp-0-400 {
|
|
|
|
|
|
background-color: #f1f1f1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#tertiary .ad {
|
|
|
|
|
|
left: -2rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
width: calc(100% + 4rem);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad-recirc {
|
|
|
|
|
|
box-shadow: 0 -1px 10px 0 rgba(0, 0, 0, .25);
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
transition: opacity .25s ease-in-out;
|
|
|
|
|
|
transition-delay: .3s;
|
|
|
|
|
|
z-index: -1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad-recirc.is-visible {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
z-index: 2;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad-recirc.is-visible.is-relative {
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
transition: none;
|
|
|
|
|
|
transition-delay: 0s;
|
|
|
|
|
|
z-index: -1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad-recirc .ad-recirc-article {
|
|
|
|
|
|
background: #fff;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
padding: 1.3rem 2rem .5rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
top: -.5rem;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
z-index: 2;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad-recirc.is-relative .ad-recirc-article {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad-recirc .ad-recirc-title {
|
|
|
|
|
|
color: #333;
|
|
|
|
|
|
font: 700 1.3rem Georgia, serif;
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad-recirc .ad-recirc-link {
|
|
|
|
|
|
color: #111;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font: 700 1.4rem/1.3 Arial, sans-serif;
|
|
|
|
|
|
margin: .8rem 0;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad-recirc ~ .ad.vp-0-480 {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
transition: opacity .3s ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad-recirc ~ .ad.vp-0-480.is-transparent {
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad-recirc.is-relative ~.ad.vp-0-480.is-transparent {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.embed.video {
|
|
|
|
|
|
height: 5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.embed.video svg {
|
|
|
|
|
|
height: 50%;
|
|
|
|
|
|
top: 25%;
|
|
|
|
|
|
width: 30%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap {
|
|
|
|
|
|
border-top: 1px solid #eee;
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
left: -2rem;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: 1rem 0;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
width: calc(100% + 4rem);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap a {
|
|
|
|
|
|
color: #1782a9;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap dl {
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: 0 6rem 0 2rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap dt {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap dd {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Recap Image */
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap img {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: -1.2rem;
|
|
|
|
|
|
height: 8rem;
|
|
|
|
|
|
width: 8rem;
|
|
|
|
|
|
z-index: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Show Title */
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .show {
|
|
|
|
|
|
border-bottom-color: #ddd;
|
|
|
|
|
|
border-bottom-style: dotted;
|
|
|
|
|
|
border-bottom-width: .2rem;
|
|
|
|
|
|
padding: 0 .6rem .9rem 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .show dt {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .show dd,
|
|
|
|
|
|
.story .episode-recap .show dd a {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: Georgia, serif;
|
|
|
|
|
|
font-size: 1.6rem;
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
line-height: 1.2;
|
|
|
|
|
|
text-transform: capitalize;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Episode Title */
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .details {
|
|
|
|
|
|
border-right: 1px solid #ddd;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
margin: 1rem 1rem 1rem 0;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
width: calc(100% - 12rem);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .title dt {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .title dd {
|
|
|
|
|
|
color: #111;
|
|
|
|
|
|
font-family: Georgia, serif;
|
|
|
|
|
|
font-size: 1.4rem;
|
|
|
|
|
|
line-height: 1.1;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Season and Episode Numbers */
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .season,
|
|
|
|
|
|
.story .episode-recap .episode {
|
|
|
|
|
|
color: #999;
|
|
|
|
|
|
display: inline;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
|
padding: 0 0 .3rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .season dt,
|
|
|
|
|
|
.story .episode-recap .episode dt,
|
|
|
|
|
|
.story .episode-recap .season dd,
|
|
|
|
|
|
.story .episode-recap .episode dd {
|
|
|
|
|
|
display: inline;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .season:after {
|
|
|
|
|
|
content: "/";
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.2rem;
|
|
|
|
|
|
margin: 0 .5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Rating */
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .rating {
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
margin: 1rem 0 0 0;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
width: 9rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .rating dt {
|
|
|
|
|
|
color: #555;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
line-height: 1;
|
|
|
|
|
|
padding-bottom: .3rem;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .rating .score {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .rating .stars {
|
|
|
|
|
|
font-size: 0;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .rating .stars svg {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
height: 1.7rem;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
width: 1.7rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Next and Previous Episodes */
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap nav {
|
|
|
|
|
|
background: #f7f7f7;
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
min-height: 4.3rem;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .prev,
|
|
|
|
|
|
.story .episode-recap .next {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.4rem;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
padding: 1.5rem;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .next {
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
text-align: right;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap span.prev,
|
|
|
|
|
|
.story .episode-recap span.next {
|
|
|
|
|
|
color: #ccc;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .prev:before,
|
|
|
|
|
|
.story .episode-recap .next:after {
|
|
|
|
|
|
content: '< ';
|
|
|
|
|
|
font-family: Elderkin, Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.6rem;
|
|
|
|
|
|
line-height: 0;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
top: 0.1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .next:after {
|
|
|
|
|
|
content: ' >';
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Complete Link */
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap a.complete {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
padding: 1.5rem 0;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.3rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Basics */
|
|
|
|
|
|
|
|
|
|
|
|
.img {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.1rem;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
line-height: 1.3rem;
|
|
|
|
|
|
margin: 1.6rem -2rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
width: calc(100% + 4rem);
|
|
|
|
|
|
/* full bleed */
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img div {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img img {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img aside {
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
right: .3rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img figcaption {
|
|
|
|
|
|
padding: .4rem 2rem 0;
|
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
|
width: 80%;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img figcaption,
|
|
|
|
|
|
.img figcaption[itemprop='caption'] a {
|
|
|
|
|
|
color: #353535;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img figcaption .buffer {
|
|
|
|
|
|
margin-right: .2rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.primary figcaption {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img cite {
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img cite,
|
|
|
|
|
|
.img figcaption[itemprop='caption'] cite a {
|
|
|
|
|
|
color: #888;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img .close {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Display Variations for Primary images */
|
|
|
|
|
|
|
|
|
|
|
|
.img.primary.thumb figcaption,
|
|
|
|
|
|
.img.primary.square figcaption {
|
|
|
|
|
|
padding: .4rem 0 0;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Thumb */
|
|
|
|
|
|
|
|
|
|
|
|
.img.primary.thumb {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
margin: .5rem 1.5rem .5rem 0;
|
|
|
|
|
|
max-width: 10.7rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.thumb aside {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Square */
|
|
|
|
|
|
|
|
|
|
|
|
.img.primary.square {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
margin: .5rem 1.5rem 1rem 0;
|
|
|
|
|
|
max-width: 10.7rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Vertical */
|
|
|
|
|
|
|
|
|
|
|
|
.img.primary.vertical-small {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
left: -2rem;
|
|
|
|
|
|
margin: .5rem 0 1rem;
|
|
|
|
|
|
max-width: 13.7rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.primary.vertical-small figcaption {
|
|
|
|
|
|
padding: .4rem 0 0 2rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Large Vertical */
|
|
|
|
|
|
|
|
|
|
|
|
.img.primary.vertical {
|
|
|
|
|
|
left: -2rem;
|
|
|
|
|
|
margin: .5rem 0 2.1rem;
|
|
|
|
|
|
width: calc(100% + 4rem);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Horizontal */
|
|
|
|
|
|
|
|
|
|
|
|
.img.primary.horizontal {
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
left: -2rem;
|
|
|
|
|
|
margin: .5rem 0 2.1rem;
|
|
|
|
|
|
width: calc(100% + 4rem);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Enlarge */
|
|
|
|
|
|
|
|
|
|
|
|
.img .enlarge {
|
|
|
|
|
|
background-color: rgba(255,255,255, .85);
|
|
|
|
|
|
border: 1px solid #ccc;
|
|
|
|
|
|
border-radius: .3rem;
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
height: 3.4rem;
|
|
|
|
|
|
line-height: 0;
|
|
|
|
|
|
margin: 0 0 .6rem 1rem;
|
|
|
|
|
|
padding: .4rem;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
width: 3.4rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img .enlarge svg {
|
|
|
|
|
|
height: 1.8rem;
|
|
|
|
|
|
left: .1rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
width: 1.8rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Enlarged Image */
|
|
|
|
|
|
|
|
|
|
|
|
.img.enlarged {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
max-width: none;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
z-index: 1001;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.enlarged aside {
|
|
|
|
|
|
bottom: .5rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: .5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.enlarged .enlarge {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.enlarged .close {
|
|
|
|
|
|
background: none;
|
|
|
|
|
|
border: 1px solid #3b3b3b;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
height: 3.6rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: .5rem;
|
|
|
|
|
|
top: .5rem;
|
|
|
|
|
|
transition: border-color .25s ease-in;
|
|
|
|
|
|
width: 3.6rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.enlarged .close svg {
|
|
|
|
|
|
height: 1.6rem;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
margin: .9rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
width: 1.6rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.enlarged .close svg path {
|
|
|
|
|
|
fill: #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Pinterest and facebook*/
|
|
|
|
|
|
|
|
|
|
|
|
.img aside a.fb,
|
|
|
|
|
|
.img aside a.pinterest {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
line-height: 0;
|
|
|
|
|
|
padding: .3rem 1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img aside a.fb {
|
|
|
|
|
|
padding-right: .2rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.body > .img.primary aside a.fb,
|
|
|
|
|
|
.body > .img.primary aside a.pinterest {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.enlarged aside a.fb,
|
|
|
|
|
|
.img.enlarged aside a.pinterest {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img aside a.fb svg,
|
|
|
|
|
|
.img aside a.pinterest svg {
|
|
|
|
|
|
height: 2.5rem;
|
|
|
|
|
|
width: 2.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Slideshow button on top of primary image. */
|
|
|
|
|
|
|
|
|
|
|
|
.img.slideshow-link > div > a {
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
z-index: 10;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.slideshow-link > div > a button {
|
|
|
|
|
|
background-color: #000;
|
|
|
|
|
|
border: 0;
|
|
|
|
|
|
bottom: 1.5rem;
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.3rem;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
letter-spacing: .1rem;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
left: .8rem;
|
|
|
|
|
|
padding: .5rem 1rem 1.2rem 1.5rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
transition: background-color 0.2s;
|
|
|
|
|
|
-webkit-font-smoothing: subpixel-antialiased;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.slideshow-link > div > a svg {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
height: 2rem;
|
|
|
|
|
|
margin: 0 .5rem 0;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
top: .5rem;
|
|
|
|
|
|
width: 2rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Alternate slideshow button for large vertical on mobile. */
|
|
|
|
|
|
|
|
|
|
|
|
.img.slideshow-link.vertical > div > img {
|
|
|
|
|
|
margin-top: 4rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.slideshow-link.vertical > div > a button {
|
|
|
|
|
|
bottom: auto;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
letter-spacing: 0;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: .5rem 1rem 1.2rem .7rem;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Alternate slideshow button for vertical-small on mobile. */
|
|
|
|
|
|
|
|
|
|
|
|
.img.slideshow-link.vertical-small > div > a button {
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
letter-spacing: 0;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: 1.1rem 1rem 1rem .7rem;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.slideshow-link.vertical-small > div > a svg {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
margin: 1.5rem 0 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular h2 {
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
color: #333;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
font-family: Georgia, serif;
|
|
|
|
|
|
font-size: 1.5rem;
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
line-height: 2.1;
|
|
|
|
|
|
padding: 0 1rem 0 0;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: -2.9rem;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
z-index: 2;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article {
|
|
|
|
|
|
border-top: 1px solid #f1f1f1;
|
|
|
|
|
|
min-height: 9.4rem;
|
|
|
|
|
|
padding: 0 0 1.5rem 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article:nth-of-type(1) {
|
|
|
|
|
|
border-top: 1px solid #bbb;
|
|
|
|
|
|
min-height: 9.9rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular a {
|
|
|
|
|
|
color: #222;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.6rem;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
line-height: 1.9rem;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular a div {
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
background-size: 6.3rem auto;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
height: 6.3rem;
|
|
|
|
|
|
margin-right: 1rem;
|
|
|
|
|
|
width: 6.3rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular p {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
padding-left: 7.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Numbers */
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article>a:before {
|
|
|
|
|
|
background: url(//cache.nymag.com/media/1.png) no-repeat .4rem center;
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
background-color: rgba(255,255,255,.8);
|
|
|
|
|
|
background-size: auto 1.5rem;
|
|
|
|
|
|
border-radius: 3px;
|
|
|
|
|
|
content: ' ';
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
height: 3.2rem;
|
|
|
|
|
|
left: 3.3rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: -.2rem;
|
|
|
|
|
|
width: 4rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article:nth-of-type(2)>a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/2.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article:nth-of-type(3)>a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/3.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article:nth-of-type(4)>a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/4.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article:nth-of-type(5)>a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/5.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article:nth-of-type(6)>a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/6.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article:nth-of-type(7)>a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/7.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article:nth-of-type(8)>a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/8.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article:nth-of-type(9)>a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/9.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article:nth-of-type(10)>a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/10.png);
|
|
|
|
|
|
background-position: .8rem center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular .share-feed {
|
|
|
|
|
|
margin-top: .5rem;
|
|
|
|
|
|
padding-left: 7.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.related-side {
|
|
|
|
|
|
border-bottom: 1px solid #eaeaea;
|
|
|
|
|
|
border-top: 1px solid #eaeaea;
|
|
|
|
|
|
margin: .8rem 0 1.5rem;
|
|
|
|
|
|
padding: 1rem 0;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.related-side h2,
|
|
|
|
|
|
.story .body .related-side h2 {
|
|
|
|
|
|
color: #111;
|
|
|
|
|
|
font-family: Georgia, serif;
|
|
|
|
|
|
font-size: 1.3rem;
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.related-side a,
|
|
|
|
|
|
.story .body .related-side a {
|
|
|
|
|
|
border-bottom: 1px solid #f1f1f1;
|
|
|
|
|
|
color: #2881b3;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.5rem;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
line-height: 1.3;
|
|
|
|
|
|
padding: 1.5rem 0;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.related-side a:last-child,
|
|
|
|
|
|
.story .body .related-side a:last-child {
|
|
|
|
|
|
border-bottom: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* container */
|
|
|
|
|
|
|
|
|
|
|
|
.share {
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
border-top: 1px solid #eaeaea;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
height: 3.7rem;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share.vertical {
|
|
|
|
|
|
border-bottom: 1px solid #eaeaea;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share.horizontal {
|
|
|
|
|
|
height: 3.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* title */
|
|
|
|
|
|
|
|
|
|
|
|
.share .share-text {
|
|
|
|
|
|
color: #555;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.3rem;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: 1.1rem 0 0 3rem;
|
|
|
|
|
|
z-index: -2;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share.overlay.on .share-text {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* total share count */
|
|
|
|
|
|
|
|
|
|
|
|
.share .share-counter {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* share link */
|
|
|
|
|
|
|
|
|
|
|
|
.share a {
|
|
|
|
|
|
color: transparent;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
height: 3.3rem;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: .7rem .3rem .6rem .3rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
width: 2.7rem;
|
|
|
|
|
|
z-index: -1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Icons */
|
|
|
|
|
|
|
|
|
|
|
|
.share a:first-of-type {
|
|
|
|
|
|
margin-left: .5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share a svg {
|
|
|
|
|
|
height: 2rem;
|
|
|
|
|
|
width: 2rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share a.email {
|
|
|
|
|
|
border: 1px solid #ddd;
|
|
|
|
|
|
border-radius: .3rem;
|
|
|
|
|
|
height: 2.2rem;
|
|
|
|
|
|
margin: .6rem .8rem 0 .3rem;
|
|
|
|
|
|
padding: .5rem .4rem;
|
|
|
|
|
|
width: 2.2rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share a.email svg {
|
|
|
|
|
|
height: 1.2rem;
|
|
|
|
|
|
width: 1.2rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Stuff to hide. */
|
|
|
|
|
|
|
|
|
|
|
|
.share a em {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share .comments {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share .print {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share .close {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* overlay wrapper */
|
|
|
|
|
|
|
|
|
|
|
|
.share-overlay-wrapper {
|
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
height: auto;
|
|
|
|
|
|
-webkit-justify-content: center;
|
|
|
|
|
|
-ms-flex-pack: center;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
top: 160px;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
z-index: -100;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share-overlay-wrapper.on {
|
|
|
|
|
|
z-index: 900000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* overlay clone */
|
|
|
|
|
|
|
|
|
|
|
|
.share.overlay {
|
|
|
|
|
|
background: #f9f9f7;
|
|
|
|
|
|
border: 1px solid #ddd;
|
|
|
|
|
|
border-radius: .25rem;
|
|
|
|
|
|
box-shadow: .1rem .1rem .4rem #ccc;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
height: auto;
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
padding: 3.9rem 3rem 2rem;
|
|
|
|
|
|
transition: opacity 50ms;
|
|
|
|
|
|
width: 21.4rem;
|
|
|
|
|
|
z-index: -100;
|
|
|
|
|
|
/* allows for transition */
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share.overlay.on {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
z-index: 7777778;
|
|
|
|
|
|
/* above all other content */
|
|
|
|
|
|
transition: opacity 300ms;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share.overlay::before {
|
|
|
|
|
|
background: inherit;
|
|
|
|
|
|
bottom: auto;
|
|
|
|
|
|
color: #000;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.25rem;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
left: 3rem;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
top: 1.5rem;
|
|
|
|
|
|
z-index: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* overlay: share link */
|
|
|
|
|
|
|
|
|
|
|
|
.share.overlay a {
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
background-position: .8rem .6rem;
|
|
|
|
|
|
background-size: 2.1rem 2.1rem;
|
|
|
|
|
|
border: 1px solid #dadada;
|
|
|
|
|
|
border-radius: .2rem;
|
|
|
|
|
|
bottom: auto;
|
|
|
|
|
|
color: #555;
|
|
|
|
|
|
float: none;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.4rem;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
height: 3.4rem;
|
|
|
|
|
|
margin: 0 auto 1.6rem;
|
|
|
|
|
|
padding: .8rem 0 0 3.7rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
top: auto;
|
|
|
|
|
|
width: 15rem;
|
|
|
|
|
|
z-index: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share.overlay svg {
|
|
|
|
|
|
left: .8rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: .6rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share.overlay .email svg {
|
|
|
|
|
|
height: 2rem;
|
|
|
|
|
|
left: .8rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: .8rem;
|
|
|
|
|
|
width: 2rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share.overlay .print {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share.overlay .print svg {
|
|
|
|
|
|
height: 2.7rem;
|
|
|
|
|
|
left: .5rem;
|
|
|
|
|
|
top: .3rem;
|
|
|
|
|
|
width: 2.7rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* overlay: count */
|
|
|
|
|
|
|
|
|
|
|
|
.share.overlay a em {
|
|
|
|
|
|
border-left: 1px solid #dadada;
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
color: #000;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
padding: .8rem 0 0;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
width: 5.1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* overlay: specific share tools */
|
|
|
|
|
|
|
|
|
|
|
|
.share.overlay .close {
|
|
|
|
|
|
background: none;
|
|
|
|
|
|
border: 0;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
height: 3.2rem;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
width: 3.2rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share.overlay .close svg {
|
|
|
|
|
|
height: 2.8rem;
|
|
|
|
|
|
left: .2rem;
|
|
|
|
|
|
top: .2rem;
|
|
|
|
|
|
width: 2.8rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* hide whatsapp (except on ios) */
|
|
|
|
|
|
|
|
|
|
|
|
.share .whatsapp {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share .whatsapp.displayed {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share-feed.no-count,
|
|
|
|
|
|
.newsfeed .share-feed {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share-feed div.share-count,
|
|
|
|
|
|
.greatest-hits .share-feed div.share-count,
|
|
|
|
|
|
.most-popular .share-feed div.share-count,
|
|
|
|
|
|
.newsfeed .share-feed div.share-count,
|
|
|
|
|
|
.top-stories .share-feed div.share-count {
|
|
|
|
|
|
color: #f85d00;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.2rem;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
height: auto;
|
|
|
|
|
|
line-height: 1;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share-feed div.share-count em,
|
|
|
|
|
|
.greatest-hits .share-feed div.share-count em,
|
|
|
|
|
|
.most-popular .share-feed div.share-count em,
|
|
|
|
|
|
.newsfeed .share-feed div.share-count em {
|
|
|
|
|
|
color: #555;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.1rem;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share-feed a,
|
|
|
|
|
|
.greatest-hits .share-feed a,
|
|
|
|
|
|
.most-popular .share-feed a,
|
|
|
|
|
|
.newsfeed .share-feed a {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.taboola #taboola-below-article-thumbnails {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.taboola #taboola-mobile-below-article-thumbnails {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
margin: 17px 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tags {
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
margin-bottom: 1.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tags h2,
|
|
|
|
|
|
.tags a {
|
|
|
|
|
|
color: #111;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tags h2 {
|
|
|
|
|
|
color: #888;
|
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
|
padding: 0 0.75rem 0 0;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tags a:hover {
|
|
|
|
|
|
color: #1782a9;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tags a::after {
|
|
|
|
|
|
color: #808080;
|
|
|
|
|
|
content: '|';
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
font-size: 8px;
|
|
|
|
|
|
padding: 0 0.5rem 0;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
top: -.1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tags a:last-child::after {
|
|
|
|
|
|
content: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tags a.hide {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .ad-recirc .ad-recirc-title {
|
|
|
|
|
|
color: #05a7d4;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news {
|
|
|
|
|
|
padding-bottom: 1.5rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news h2 {
|
|
|
|
|
|
background: #fff;
|
|
|
|
|
|
color: #333;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
font-family: "Elderkin", Helvetica, sans-serif;
|
|
|
|
|
|
font-size: 2.8rem;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
margin: 0 2rem;
|
|
|
|
|
|
padding-right: 1rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
top: .8rem;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
z-index: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news a {
|
|
|
|
|
|
background-position: .2rem 1.5rem;
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
background-size: 6.3rem auto;
|
|
|
|
|
|
border-top: 1px solid #f1f1f1;
|
|
|
|
|
|
color: #222;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.6rem;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
line-height: 1.1;
|
|
|
|
|
|
margin: 1.5rem 2rem 0;
|
|
|
|
|
|
min-height: 9rem;
|
|
|
|
|
|
padding: 1.5rem 0 0;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news > a:nth-of-type(1) {
|
|
|
|
|
|
background-position: .2rem 2.5rem;
|
|
|
|
|
|
border-top: 1px solid #bcbcbc;
|
|
|
|
|
|
margin: -0.7rem 2rem 0;
|
|
|
|
|
|
padding-top: 2.5rem;
|
|
|
|
|
|
padding-bottom: 1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news a[hidden] {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news a p {
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
color: #555;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.3rem;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
margin: .3rem 0 0;
|
|
|
|
|
|
text-transform: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news a time {
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
color: #999;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
padding: 0 0 .3rem;
|
|
|
|
|
|
text-transform: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news a.latest-news-img {
|
|
|
|
|
|
padding-left: 7.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news button {
|
|
|
|
|
|
background: #fff;
|
|
|
|
|
|
border: 1px solid #aeaeae;
|
|
|
|
|
|
border-radius: .3rem;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.4rem;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
margin: 1rem 2rem 0;
|
|
|
|
|
|
padding: 1rem;
|
|
|
|
|
|
width: calc(100% - 4rem);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news .ad {
|
|
|
|
|
|
border-top: 1px solid #f1f1f1;
|
|
|
|
|
|
margin: 1.5rem auto 0;
|
|
|
|
|
|
padding: 1.5rem 0 0;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture ins.adsbygoogle {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular > h2 {
|
|
|
|
|
|
font-family: "Elderkin",Helvetica, sans-serif;
|
|
|
|
|
|
font-size: 2.8rem;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
line-height: 2.1;
|
|
|
|
|
|
top: -5.4rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(1) {
|
|
|
|
|
|
padding-top: 1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(6) {
|
|
|
|
|
|
border-top: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Numbers */
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article a:before {
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
background-color: rgba(255,255,255,.8);
|
|
|
|
|
|
background-size: auto 1.5rem;
|
|
|
|
|
|
border-radius: 3px;
|
|
|
|
|
|
content: ' ';
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
height: 3.2rem;
|
|
|
|
|
|
left: 3.3rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: -.2rem;
|
|
|
|
|
|
width: 4rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(1) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-1.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(2) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-2.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(3) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-3.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(4) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-4.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(5) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-5.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(6) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-6.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(7) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-7.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(8) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-8.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(9) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-9.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(10) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-10.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz {
|
|
|
|
|
|
background-color: #ededed;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
margin: 0 0 0 -2rem;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
padding: 1rem;
|
|
|
|
|
|
width: calc(100% + 4rem);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture #quizMobile {
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
margin: .8rem -2rem 0;
|
|
|
|
|
|
min-height: 6rem;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture #quizMobile iframe {
|
|
|
|
|
|
height: 6rem;
|
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
min-height: 6rem;
|
|
|
|
|
|
width: 32rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.correct {
|
|
|
|
|
|
-webkit-animation: QuizFadeIn .35s ease-in;
|
|
|
|
|
|
animation: QuizFadeIn .35s ease-in;
|
|
|
|
|
|
background-color: #20bdef;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.wrong {
|
|
|
|
|
|
-webkit-animation: QuizFadeIn .35s ease-in;
|
|
|
|
|
|
animation: QuizFadeIn .35s ease-in;
|
|
|
|
|
|
background-color: #ff244e;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.block,
|
|
|
|
|
|
.vulture .quiz .block {
|
|
|
|
|
|
display: block !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.none,
|
|
|
|
|
|
.vulture .quiz .none {
|
|
|
|
|
|
display: none !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .visible {
|
|
|
|
|
|
visibility: visible !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz a,
|
|
|
|
|
|
.vulture .quiz button {
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz h2 {
|
|
|
|
|
|
font-family: Elderkin, Arial,sans-serif;
|
|
|
|
|
|
font-size: 3rem;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
letter-spacing: 0;
|
|
|
|
|
|
line-height: 100%;
|
|
|
|
|
|
margin: 1rem 0 2rem 0;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.mc-txt h2 {
|
|
|
|
|
|
border-bottom: 2px solid #000;
|
|
|
|
|
|
border-top: 2px solid #000;
|
|
|
|
|
|
font-family: georgia,serif;
|
|
|
|
|
|
font-size: 2.6rem;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: 1rem 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz header img {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
height: auto;
|
|
|
|
|
|
margin: -1rem calc(50% - 6.3rem) 0;
|
|
|
|
|
|
width: 12.6rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.mc-txt header img {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide h2 {
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
font-family: Georgia, serif;
|
|
|
|
|
|
font-size: 2rem;
|
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
|
line-height: 2.2rem;
|
|
|
|
|
|
margin: 0 0 2rem;
|
|
|
|
|
|
padding: 0 1rem;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.photo .quiz-slide h2 {
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .wrap {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide > a {
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
border: 2px solid #000;
|
|
|
|
|
|
border-radius: 3px;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: arial, sans-serif;
|
|
|
|
|
|
font-size: 1.5rem;
|
|
|
|
|
|
margin: 1rem auto;
|
|
|
|
|
|
padding: 1rem 0;
|
|
|
|
|
|
width: 13rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide img {
|
|
|
|
|
|
border-radius: .2rem;
|
|
|
|
|
|
box-shadow: 0 0 3px 0 rgba(50,50,50,0.25);
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
margin-bottom: 2rem;
|
|
|
|
|
|
transition: visibility 300ms;
|
|
|
|
|
|
visibility: 1;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide img.fadeout {
|
|
|
|
|
|
visibility: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .reveal {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .current-slide,
|
|
|
|
|
|
.vulture .quiz .quiz-slide .slide-length {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
font-family: Georgia, serif;
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
margin: 1rem 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .count-top .current-slide,
|
|
|
|
|
|
.vulture .quiz .quiz-slide .count-top .slide-length {
|
|
|
|
|
|
font-family: arial, sans-serif;
|
|
|
|
|
|
font-size: 1.4rem;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
margin: 0 0 1rem 0;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .current-slide {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
padding-right: .5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .count-bottom .current-slide {
|
|
|
|
|
|
text-align: right;
|
|
|
|
|
|
width: 52%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .mc-txt .count-bottom {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .current-slide:after {
|
|
|
|
|
|
content: "of";
|
|
|
|
|
|
padding-left: .5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .count-top .current-slide:before {
|
|
|
|
|
|
content: "question";
|
|
|
|
|
|
padding-right: .5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .count-top {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
padding: 0 1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.mc-txt .quiz-slide .count-top {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .slide-length {
|
|
|
|
|
|
width: 48%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .option {
|
|
|
|
|
|
-webkit-align-items: stretch;
|
|
|
|
|
|
-ms-flex-align: stretch;
|
|
|
|
|
|
align-items: stretch;
|
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
-webkit-flex-wrap: wrap;
|
|
|
|
|
|
-ms-flex-wrap: wrap;
|
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .option button {
|
|
|
|
|
|
-webkit-align-self: stretch;
|
|
|
|
|
|
-ms-flex-item-align: stretch;
|
|
|
|
|
|
align-self: stretch;
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
border: 1px solid #ddd;
|
|
|
|
|
|
border-radius: .5rem;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
margin: 0 0 1rem 0;
|
|
|
|
|
|
min-height: 6rem;
|
|
|
|
|
|
padding: 0 1rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
width: 49%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.photo .option button {
|
|
|
|
|
|
box-shadow: 1px 1px 4px 0 rgba(50, 50, 50, 0.15);
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.mc-txt .option button {
|
|
|
|
|
|
min-height: 5rem;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .option button:nth-of-type(odd) {
|
|
|
|
|
|
margin-right: 2%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.mc-txt .option button:nth-of-type(odd) {
|
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .option button p {
|
|
|
|
|
|
font-family: arial, sans-serif;
|
|
|
|
|
|
font-size: 1.6rem;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
line-height: 1.2;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: 1rem 0;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.photo .option button p {
|
|
|
|
|
|
padding: 1.5rem 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.mc-txt .option button p {
|
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.photo-img .option button p {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.photo-reveal .option button p {
|
|
|
|
|
|
visibility: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .option button img {
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
margin: -0.3rem 0 0 -0.3rem;
|
|
|
|
|
|
width: 104%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.mc .option button img {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.photo .option button img {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .option button.disabled {
|
|
|
|
|
|
border-color: #ddd;
|
|
|
|
|
|
color: #aaa;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .option button.disabled:hover {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .option button.disabled.correct-answer,
|
|
|
|
|
|
.vulture .quiz .option button.disabled.correct-answer:hover {
|
|
|
|
|
|
border-color: #000;
|
|
|
|
|
|
color: #000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.mc-reveal.wrong .option button.disabled.correct-answer,
|
|
|
|
|
|
.vulture .quiz.mc-img.wrong .option button.disabled.correct-answer {
|
|
|
|
|
|
-webkit-animation: QuizTransformAnswer .35s ease-in;
|
|
|
|
|
|
animation: QuizTransformAnswer .35s ease-in;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* ////////// BEFORE DISPLAYING COMMENT ////////// */
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .wrap {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .mc-txt .quiz-slide .wrap,
|
|
|
|
|
|
.vulture .photo .quiz-slide .wrap {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* -- CHECK AND X -- */
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .checkmark,
|
|
|
|
|
|
.vulture .quiz .x-icon {
|
|
|
|
|
|
-webkit-animation: QuizTransform .35s ease-in;
|
|
|
|
|
|
animation: QuizTransform .35s ease-in;
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
border: .2rem solid #000;
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
height: 3rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
right: .5rem;
|
|
|
|
|
|
top: .5rem;
|
|
|
|
|
|
width: 3rem;
|
|
|
|
|
|
z-index: 3;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .checkmark svg,
|
|
|
|
|
|
.vulture .quiz .x-icon svg {
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* -- CHECK AND X ON IMAGE -- */
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .wrap .checkmark,
|
|
|
|
|
|
.vulture .quiz .quiz-slide .wrap .x-icon,
|
|
|
|
|
|
.vulture .quiz.photo.correct button .checkmark,
|
|
|
|
|
|
.vulture .quiz.photo button .x-icon {
|
|
|
|
|
|
height: 9rem;
|
|
|
|
|
|
right: calc(50% - 4.5rem);
|
|
|
|
|
|
top: calc(50% - 4.5rem);
|
|
|
|
|
|
width: 9rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.photo.correct button .checkmark,
|
|
|
|
|
|
.vulture .quiz.photo button .x-icon {
|
|
|
|
|
|
top: calc(50% - 6.5rem);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .wrap .checkmark svg,
|
|
|
|
|
|
.vulture .quiz .quiz-slide .wrap .x-icon svg,
|
|
|
|
|
|
.vulture .quiz.photo button .checkmark svg,
|
|
|
|
|
|
.vulture .quiz.photo button .x-icon svg {
|
|
|
|
|
|
padding: 1.8rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.correct .quiz-slide .wrap .checkmark,
|
|
|
|
|
|
.vulture .quiz.photo.correct button .checkmark {
|
|
|
|
|
|
border: .5rem solid #20bdef;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.correct .quiz-slide .wrap .checkmark svg,
|
|
|
|
|
|
.vulture .quiz.correct.photo button .checkmark svg {
|
|
|
|
|
|
fill: #20bdef;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.wrong .quiz-slide .wrap .x-icon,
|
|
|
|
|
|
.vulture .quiz.wrong.photo button .x-icon {
|
|
|
|
|
|
border: .5rem solid #ff244e;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.wrong .quiz-slide .wrap .x-icon svg,
|
|
|
|
|
|
.vulture .quiz.wrong.photo button .x-icon svg {
|
|
|
|
|
|
fill: #ff244e;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* -- CHECK AND X ON IMAGE SMALL -- */
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.correct.mc-reveal .quiz-slide .wrap .checkmark,
|
|
|
|
|
|
.vulture .quiz.wrong.mc-reveal .quiz-slide .wrap .x-icon {
|
|
|
|
|
|
height: 4.5rem;
|
|
|
|
|
|
right: 1rem;
|
|
|
|
|
|
top: 1rem;
|
|
|
|
|
|
width: 4.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.correct.mc-reveal .quiz-slide .wrap .checkmark svg,
|
|
|
|
|
|
.vulture .quiz.wrong.mc-reveal .quiz-slide .wrap .x-icon svg {
|
|
|
|
|
|
padding: .8rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.correct.mc-reveal .quiz-slide .wrap .checkmark {
|
|
|
|
|
|
border: .3rem solid #20bdef;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.wrong.mc-reveal .quiz-slide .wrap .x-icon {
|
|
|
|
|
|
border: .3rem solid #ff244e;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* -- CHECK AND X ON BUTTONS -- */
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.photo.wrong button .checkmark svg,
|
|
|
|
|
|
.vulture .quiz.mc button .checkmark svg,
|
|
|
|
|
|
.vulture .quiz.mc button .x-icon svg {
|
|
|
|
|
|
padding: .5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.wrong.mc button .x-icon {
|
|
|
|
|
|
border: .2rem solid #ff244e;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.wrong.mc button .x-icon svg {
|
|
|
|
|
|
fill: #ff244e;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.correct.mc button .checkmark,
|
|
|
|
|
|
.vulture .quiz.wrong.mc button .checkmark,
|
|
|
|
|
|
.vulture .quiz.wrong.photo button .checkmark {
|
|
|
|
|
|
border: .2rem solid #20bdef;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.correct.mc button .checkmark svg,
|
|
|
|
|
|
.vulture .quiz.wrong.mc button .checkmark svg,
|
|
|
|
|
|
.vulture .quiz.wrong.photo button .checkmark svg {
|
|
|
|
|
|
fill: #20bdef;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.mc.wrong button .x-icon,
|
|
|
|
|
|
.vulture .quiz.mc.correct button .x-icon,
|
|
|
|
|
|
.vulture .quiz.mc.correct button .checkmark,
|
|
|
|
|
|
.vulture .quiz.mc.wrong button .checkmark {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.mc.mc-txt.wrong button .x-icon,
|
|
|
|
|
|
.vulture .quiz.mc.mc-txt.correct button .checkmark,
|
|
|
|
|
|
.vulture .quiz.mc.mc-txt.wrong button .checkmark {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
top: calc(50% - 1.5rem);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.photo.correct button .checkmark {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* ////////// LAST SLIDE ////////// */
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
margin-top: 2rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .icon {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-icon-blue.svg);
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
background-size: 100%;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
height: 4rem;
|
|
|
|
|
|
left: calc(50% - 2rem);
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: -1.8rem;
|
|
|
|
|
|
width: 4rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .rank {
|
|
|
|
|
|
background: #fff;
|
|
|
|
|
|
border: 5px solid #20bdef;
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
color: #20bdef;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
height: 9rem;
|
|
|
|
|
|
margin: 0 0 0 calc(50% - 13.0rem);
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
width: 9rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .rank p {
|
|
|
|
|
|
color: #20bbf0;
|
|
|
|
|
|
font-family: Arial,serif;
|
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
line-height: 1.1;
|
|
|
|
|
|
padding: 1.3rem 1.7rem 1rem .8rem;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
width: 9rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .score-wrap {
|
|
|
|
|
|
background: #fff;
|
|
|
|
|
|
border: 5px solid #20bdef;
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
color: #20bdef;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
height: 9.8rem;
|
|
|
|
|
|
margin: 0 0 0 -1rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
width: 9.8rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .score-wrap:before {
|
|
|
|
|
|
content: "score";
|
|
|
|
|
|
font-family: arial,sans-serif;
|
|
|
|
|
|
font-size: 1.1rem;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
left: 2.5rem;
|
|
|
|
|
|
letter-spacing: -1px;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
top: 1.3rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .score-wrap span {
|
|
|
|
|
|
color: #20bdef;
|
|
|
|
|
|
font-family: Elderkin, Arial, sans-serif;
|
|
|
|
|
|
font-size: 3.5rem;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .score-wrap > span {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
margin-top: 3.7rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .score-wrap .total-score {
|
|
|
|
|
|
text-align: right;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .score-wrap .total-score:after {
|
|
|
|
|
|
content: "/";
|
|
|
|
|
|
font-size: 4rem;
|
|
|
|
|
|
padding-left: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .score-wrap .slide-length {
|
|
|
|
|
|
margin-left: -.7rem;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide > div:nth-of-type(2) {
|
|
|
|
|
|
background-color: #20bdef;
|
|
|
|
|
|
border: 5px solid #fff;
|
|
|
|
|
|
padding: 3rem 0 2rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide div > a:first-of-type {
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
border: 5px solid #20bdef;
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
color: #20bdef;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
height: 9rem;
|
|
|
|
|
|
left: -1rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
width: 9rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide div > a:first-of-type:after {
|
|
|
|
|
|
bottom: 1rem;
|
|
|
|
|
|
content: "replay";
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: arial, sans-serif;
|
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
margin: 5rem 2.2rem 0;
|
|
|
|
|
|
width: 64%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide div > a:first-of-type svg {
|
|
|
|
|
|
fill: #20bdef;
|
|
|
|
|
|
height: 53%;
|
|
|
|
|
|
left: 22%;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 14%;
|
|
|
|
|
|
width: 53%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .comment,
|
|
|
|
|
|
.vulture .quiz .result-slide h3 {
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
font-family: Georgia, serif;
|
|
|
|
|
|
font-size: 2rem;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
line-height: 1.1;
|
|
|
|
|
|
margin: 0 5%;
|
|
|
|
|
|
padding: 1.3rem 0;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .comment {
|
|
|
|
|
|
width: 90%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide h3 {
|
|
|
|
|
|
border-top: 1px solid #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz aside {
|
|
|
|
|
|
margin-top: 1rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz aside:after {
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
display: table;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz aside p {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-wings.svg);
|
|
|
|
|
|
background-position: center center;
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
background-size: 100%;
|
|
|
|
|
|
height: 1.2rem;
|
|
|
|
|
|
margin: 2.5rem 0;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz aside p span {
|
|
|
|
|
|
background-color: #ededed;
|
|
|
|
|
|
color: #20bdef;
|
|
|
|
|
|
display: inline;
|
|
|
|
|
|
font-family: Elderkin, Arial, sans-serif;
|
|
|
|
|
|
font-size: 2rem;
|
|
|
|
|
|
height: 1.2rem;
|
|
|
|
|
|
padding: 0 1rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
top: -.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz aside svg {
|
|
|
|
|
|
margin-bottom: .3rem;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz aside a {
|
|
|
|
|
|
-webkit-align-items: center;
|
|
|
|
|
|
-ms-flex-align: center;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
background-color: #20bdef;
|
|
|
|
|
|
border: 5px solid #fff;
|
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
margin-bottom: 1rem;
|
|
|
|
|
|
padding: 1rem;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz aside a:after {
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz aside span {
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
font-family: Georgia, serif;
|
|
|
|
|
|
font-size: 1.6rem;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
line-height: 1.2;
|
|
|
|
|
|
width: 73%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz aside img {
|
|
|
|
|
|
border: 3px solid #fff;
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
height: 6rem;
|
|
|
|
|
|
margin-right: 1.2rem;
|
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
|
width: 6rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide > div:nth-of-type(2),
|
|
|
|
|
|
.vulture .quiz aside a {
|
|
|
|
|
|
border-radius: .3rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .social-network {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
width: 25.2rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .fb-share,
|
|
|
|
|
|
.vulture .quiz .result-slide .twitter-share {
|
|
|
|
|
|
-webkit-align-items: center;
|
|
|
|
|
|
-ms-flex-align: center;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
border-radius: .3rem;
|
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
height: 4.2rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
width: 12.2rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .fb-share {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
margin-right: .8rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .twitter-share:before {
|
|
|
|
|
|
content: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .fb-share span,
|
|
|
|
|
|
.vulture .quiz .result-slide .twitter-share span {
|
|
|
|
|
|
border-left: 1px solid #ccc;
|
|
|
|
|
|
color: #20bdef;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: arial, sans-serif;
|
|
|
|
|
|
font-size: 1.4rem;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
width: calc(100% - 3rem);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .fb-share span {
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .twitter-share span {
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .fb-share svg {
|
|
|
|
|
|
fill: #20bdef;
|
|
|
|
|
|
height: 2.5rem;
|
|
|
|
|
|
margin-left: .3rem;
|
|
|
|
|
|
width: 3rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .twitter-share svg {
|
|
|
|
|
|
margin: .8rem 0 0 .5rem;
|
|
|
|
|
|
width: 3rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .twitter-share svg path:nth-of-type(1) {
|
|
|
|
|
|
fill: #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .twitter-share svg path:nth-of-type(2) {
|
|
|
|
|
|
fill: #20bdef;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* --- RIGHT COLUMN AD --- */
|
|
|
|
|
|
|
|
|
|
|
|
.vulture #article #tertiary.adFade {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .story .body .ad.vp-0-600 iframe {
|
|
|
|
|
|
width: 32rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* --- REMOVE TEXT ON QUIZ AD --- */
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .story .body .quiz-ad .ad.vp-0-600:before {
|
|
|
|
|
|
content: '';
|
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 30.000em) and (max-width: 41.749em) {
|
|
|
|
|
|
#article-feature #ad-splash {
|
|
|
|
|
|
background-color: #262626;
|
|
|
|
|
|
height: 60px;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 37.500em) and (max-width: 63.999em) {
|
|
|
|
|
|
#article-feature {
|
|
|
|
|
|
overflow-x: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #top .ad {
|
|
|
|
|
|
background-color: #3a3a3a;
|
|
|
|
|
|
height: 102px;
|
|
|
|
|
|
padding: 6px 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #primary,
|
|
|
|
|
|
#article-feature #primary-aux,
|
|
|
|
|
|
#article-feature #secondary,
|
|
|
|
|
|
#article-feature #tertiary {
|
|
|
|
|
|
width: 82.5%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #primary {
|
|
|
|
|
|
padding-top: 22px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #primary-aux .AR_2.ob-strip-layout .ob-dynamic-rec-container {
|
|
|
|
|
|
max-width: none;
|
|
|
|
|
|
width: 31%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #secondary {
|
|
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #secondary .latest-news {
|
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
|
padding-bottom: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #secondary .ad,
|
|
|
|
|
|
#article-feature #tertiary .ad {
|
|
|
|
|
|
margin-left: calc(100% * -.10606062);
|
|
|
|
|
|
width: calc(100% * 1.21212121);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #secondary .vp-600-1024[data-sizes*='728x90'],
|
|
|
|
|
|
#article-feature #bottom .vp-600-1024[data-sizes*='728x90'] {
|
|
|
|
|
|
background: #fff;
|
|
|
|
|
|
border-bottom: 1px solid #bbb;
|
|
|
|
|
|
margin-bottom: 14px;
|
|
|
|
|
|
min-width: 768px;
|
|
|
|
|
|
padding: 5px 0;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #secondary .vp-600-1024[data-sizes*='728x90'] {
|
|
|
|
|
|
margin-bottom: -6px;
|
|
|
|
|
|
margin-left: -11%;
|
|
|
|
|
|
min-height: 131px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #secondary .vp-600-1024[data-sizes*='728x90'] > div,
|
|
|
|
|
|
#article-feature #bottom .vp-600-1024[data-sizes*='728x90'] > div {
|
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
max-width: 728px;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #tertiary {
|
|
|
|
|
|
margin-bottom: 40px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #bottom .vp-600-1024[data-sizes*='728x90'] {
|
|
|
|
|
|
border-bottom: 1px solid #bbb;
|
|
|
|
|
|
height: 132px;
|
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #bottom .global-footer {
|
|
|
|
|
|
border-top: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.embed.video {
|
|
|
|
|
|
height: 21rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.embed.video svg {
|
|
|
|
|
|
top: 36%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap {
|
|
|
|
|
|
border-right: 1px solid #ebebeb;
|
|
|
|
|
|
clear: left;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
margin: 0 2.6rem 1rem 0;
|
|
|
|
|
|
padding: 1.2rem 1.8rem 1.2rem 0;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
width: 12.8rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap a {
|
|
|
|
|
|
color: #1782a9;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap dl {
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap dt {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap dd {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Recap Image */
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap img {
|
|
|
|
|
|
height: 8rem;
|
|
|
|
|
|
width: 8rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Show Title */
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .show {
|
|
|
|
|
|
border-bottom-color: #ddd;
|
|
|
|
|
|
border-bottom-style: dotted;
|
|
|
|
|
|
border-bottom-width: .2rem;
|
|
|
|
|
|
padding: 0 .6rem .9rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .show dt {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .show dd,
|
|
|
|
|
|
.story .episode-recap .show dd a {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: Georgia, serif;
|
|
|
|
|
|
font-size: 1.4rem;
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
line-height: 1.2;
|
|
|
|
|
|
text-transform: capitalize;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Episode Title */
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .title dt {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .title dd {
|
|
|
|
|
|
color: #111;
|
|
|
|
|
|
font-family: Georgia, serif;
|
|
|
|
|
|
font-size: 1.4rem;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
line-height: 1.1;
|
|
|
|
|
|
padding: 1rem 0 .4rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Season and Episode Numbers */
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .season,
|
|
|
|
|
|
.story .episode-recap .episode {
|
|
|
|
|
|
color: #999;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
|
line-height: 1.2;
|
|
|
|
|
|
padding: 0 0 .3rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .season {
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .season dt,
|
|
|
|
|
|
.story .episode-recap .episode dt,
|
|
|
|
|
|
.story .episode-recap .season dd,
|
|
|
|
|
|
.story .episode-recap .episode dd {
|
|
|
|
|
|
display: inline;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Rating */
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .rating {
|
|
|
|
|
|
background: #f7f7f7;
|
|
|
|
|
|
border-radius: 3px;
|
|
|
|
|
|
height: 4.4rem;
|
|
|
|
|
|
margin: .7rem .5rem 1rem;
|
|
|
|
|
|
padding: .8rem .6rem 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .rating dt {
|
|
|
|
|
|
color: #555;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: .9rem;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
line-height: 1;
|
|
|
|
|
|
padding-bottom: .3rem;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .rating .score {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .rating .stars {
|
|
|
|
|
|
font-size: 0;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .rating .stars svg {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
height: 1.7rem;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
width: 1.7rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Next and Previous Episodes */
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .prev,
|
|
|
|
|
|
.story .episode-recap .next {
|
|
|
|
|
|
clear: left;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.2rem;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
margin: 0 0 1rem;
|
|
|
|
|
|
padding: 0 .5rem;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
width: 50%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .next {
|
|
|
|
|
|
border-left: 2px solid #ccc;
|
|
|
|
|
|
clear: right;
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
text-align: right;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap span.prev,
|
|
|
|
|
|
.story .episode-recap span.next {
|
|
|
|
|
|
color: #ccc;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .prev:before {
|
|
|
|
|
|
content: '< ';
|
|
|
|
|
|
font-family: Elderkin, Arial, sans-serif;
|
|
|
|
|
|
font-size: 2rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
top: .3rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .next:after {
|
|
|
|
|
|
content: ' >';
|
|
|
|
|
|
font-family: Elderkin, Arial, sans-serif;
|
|
|
|
|
|
font-size: 2rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
top: .3rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Complete Link */
|
|
|
|
|
|
|
|
|
|
|
|
.story .episode-recap .complete {
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.2rem;
|
|
|
|
|
|
line-height: 1.2;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Basics */
|
|
|
|
|
|
|
|
|
|
|
|
.img {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.1rem;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
line-height: 1.3rem;
|
|
|
|
|
|
margin: 1.6rem 0;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img div {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img img {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img aside {
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img figcaption {
|
|
|
|
|
|
margin: .5rem 0 0;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img figcaption,
|
|
|
|
|
|
.img figcaption[itemprop='caption'] a {
|
|
|
|
|
|
color: #353535;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img figcaption .buffer {
|
|
|
|
|
|
margin-right: .2rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img cite {
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img cite,
|
|
|
|
|
|
.img figcaption[itemprop='caption'] cite a {
|
|
|
|
|
|
color: #888;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img .close {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Display Variations */
|
|
|
|
|
|
|
|
|
|
|
|
/* Thumb */
|
|
|
|
|
|
|
|
|
|
|
|
.img.thumb {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
margin: .5rem 2rem 1rem 0;
|
|
|
|
|
|
max-width: 21.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.thumb cite {
|
|
|
|
|
|
display: inline;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.thumb aside {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Square */
|
|
|
|
|
|
|
|
|
|
|
|
.img.square {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
margin: .5rem 2rem 1rem 0;
|
|
|
|
|
|
max-width: 21.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.square cite {
|
|
|
|
|
|
display: inline;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Vertical */
|
|
|
|
|
|
|
|
|
|
|
|
.img.vertical-small {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
margin: .5rem 2rem 1rem 0;
|
|
|
|
|
|
max-width: 27.6rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.vertical-small cite {
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Large Vertical */
|
|
|
|
|
|
|
|
|
|
|
|
.img.vertical {
|
|
|
|
|
|
margin: .5rem 0 2.1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Horizontal */
|
|
|
|
|
|
|
|
|
|
|
|
.img.horizontal {
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
margin: .5rem 0 2.1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.horizontal figcaption {
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
width: calc(100% - 8rem);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Secondary Image Alignment */
|
|
|
|
|
|
|
|
|
|
|
|
.img.right {
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
margin: 1rem 0 1rem 2.5rem;
|
|
|
|
|
|
max-width: 25rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.left {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
text-align: right;
|
|
|
|
|
|
margin: 1rem 2.5rem 1rem 0;
|
|
|
|
|
|
max-width: 25rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.center {
|
|
|
|
|
|
margin: 1.6rem 0 2.4rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* secondary centered images shouldn't have text wrap around them */
|
|
|
|
|
|
|
|
|
|
|
|
.img.center.secondary {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
margin: 1.6rem auto 2.4rem;
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.center.secondary img {
|
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Enlarge */
|
|
|
|
|
|
|
|
|
|
|
|
.img .enlarge {
|
|
|
|
|
|
background-color: rgba(255,255,255, .85);
|
|
|
|
|
|
border: 1px solid #ccc;
|
|
|
|
|
|
border-radius: .3rem;
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
height: 3.2rem;
|
|
|
|
|
|
line-height: 0;
|
|
|
|
|
|
margin: 0 0 .6rem 1rem;
|
|
|
|
|
|
padding: .4rem;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
width: 3.2rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img .enlarge svg {
|
|
|
|
|
|
height: 1.8rem;
|
|
|
|
|
|
left: .1rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
width: 1.8rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Enlarged Image */
|
|
|
|
|
|
|
|
|
|
|
|
.img.enlarged {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
max-width: none;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
z-index: 1001;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.enlarged aside {
|
|
|
|
|
|
bottom: .7rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: .4rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.enlarged .enlarge {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.enlarged .close {
|
|
|
|
|
|
background: none;
|
|
|
|
|
|
border: 1px solid #3b3b3b;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
height: 3.6rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: .5rem;
|
|
|
|
|
|
top: .5rem;
|
|
|
|
|
|
transition: border-color .25s ease-in;
|
|
|
|
|
|
width: 3.6rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.enlarged .close svg {
|
|
|
|
|
|
height: 1.6rem;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
margin: .9rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
width: 1.6rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.enlarged .close svg path {
|
|
|
|
|
|
fill: #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Pinterest and fb */
|
|
|
|
|
|
|
|
|
|
|
|
.img aside a.fb,
|
|
|
|
|
|
.img aside a.pinterest {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
line-height: 0;
|
|
|
|
|
|
padding: .6rem 0 0 1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img aside a.fb,
|
|
|
|
|
|
.img aside a.pinterest {
|
|
|
|
|
|
border-bottom-right-radius: .3rem;
|
|
|
|
|
|
border-left: 0;
|
|
|
|
|
|
border-top-right-radius: .3rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.enlarged aside a.fb,
|
|
|
|
|
|
.img.enlarged aside a.pinterest {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img aside a.fb svg,
|
|
|
|
|
|
.img aside a.pinterest svg {
|
|
|
|
|
|
height: 2.5rem;
|
|
|
|
|
|
width: 2.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Slideshow button on top of primary image. */
|
|
|
|
|
|
|
|
|
|
|
|
.img.slideshow-link > div > a {
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
z-index: 10;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.slideshow-link > div > a button {
|
|
|
|
|
|
background-color: #000;
|
|
|
|
|
|
border: 0;
|
|
|
|
|
|
bottom: 1.8rem;
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: "MillerHeadlineLight", Georgia, serif;
|
|
|
|
|
|
font-size: 1.6rem;
|
|
|
|
|
|
font-weight: 300;
|
|
|
|
|
|
letter-spacing: .1rem;
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
padding: .3rem 2.7rem 1.3rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: 1.5rem;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
transition: background-color 0.2s;
|
|
|
|
|
|
-webkit-font-smoothing: subpixel-antialiased;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.slideshow-link > div > a:hover button {
|
|
|
|
|
|
background-color: #381AB1;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img.slideshow-link > div > a svg {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
height: 2.5rem;
|
|
|
|
|
|
margin: 0 .5rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
top: .7rem;
|
|
|
|
|
|
width: 2.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Alternate slideshow button for large vertical. */
|
|
|
|
|
|
|
|
|
|
|
|
.img.slideshow-link.vertical > div > a button {
|
|
|
|
|
|
bottom: auto;
|
|
|
|
|
|
letter-spacing: 0;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: .3rem 1.2rem 1.4rem 1.9rem;
|
|
|
|
|
|
top: 1.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Alternate slideshow button for vertical-small. */
|
|
|
|
|
|
|
|
|
|
|
|
.img.slideshow-link.vertical-small > div > a button {
|
|
|
|
|
|
bottom: 1.5rem;
|
|
|
|
|
|
left: 1.2rem;
|
|
|
|
|
|
padding: .3rem 0 1.3rem 1rem;
|
|
|
|
|
|
right: 1.2rem;
|
|
|
|
|
|
width: calc(100% - 2.4rem);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
margin: 1.5rem 0 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular h2 {
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
color: #333;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
font-family: Georgia, serif;
|
|
|
|
|
|
font-size: 1.5rem;
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
line-height: 2.1;
|
|
|
|
|
|
padding: 0 1rem 0 0;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: -2.9rem;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
z-index: 2;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article {
|
|
|
|
|
|
border-top: 1px solid #f1f1f1;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
min-height: 14.2rem;
|
|
|
|
|
|
padding: 1.5rem 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article:first-of-type {
|
|
|
|
|
|
border-top: 1px solid #bcbcbc;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular a {
|
|
|
|
|
|
color: #222;
|
|
|
|
|
|
display: inline;
|
|
|
|
|
|
font-family: GeorgiaProCondSemibold, serif;
|
|
|
|
|
|
font-size: 2rem;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
line-height: 1;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular a:hover {
|
|
|
|
|
|
color: #444;
|
|
|
|
|
|
transition: color .2s;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular a div {
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
background-size: 16.5rem auto;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
height: 11.2rem;
|
|
|
|
|
|
margin-right: 2rem;
|
|
|
|
|
|
width: 16.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular p {
|
|
|
|
|
|
display: inline;
|
|
|
|
|
|
font-family: GeorgiaProCondSemiBold, serif;
|
|
|
|
|
|
font-size: 2rem;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
line-height: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Numbers */
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article a:before {
|
|
|
|
|
|
background: url(//cache.nymag.com/media/1.png) no-repeat .3rem center;
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
background-color: rgba(255,255,255,.8);
|
|
|
|
|
|
background-size: auto 2rem;
|
|
|
|
|
|
border-radius: 3px;
|
|
|
|
|
|
content: ' ';
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
height: 3.5rem;
|
|
|
|
|
|
left: -5.5rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: .3rem;
|
|
|
|
|
|
width: 4rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article:nth-of-type(2) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/2.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article:nth-of-type(3) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/3.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article:nth-of-type(4) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/4.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article:nth-of-type(5) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/5.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article:nth-of-type(6) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/6.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article:nth-of-type(7) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/7.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article:nth-of-type(8) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/8.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article:nth-of-type(9) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/9.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular article:nth-of-type(10) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/10.png);
|
|
|
|
|
|
background-position: .9rem center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular .share-feed {
|
|
|
|
|
|
margin: 1.5rem 0 1.5rem;
|
|
|
|
|
|
padding: 0 2rem 0 18rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.most-popular .share-feed a:before {
|
|
|
|
|
|
background: none;
|
|
|
|
|
|
content: '' !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.related-side {
|
|
|
|
|
|
border-bottom: 1px solid #eaeaea;
|
|
|
|
|
|
border-top: 1px solid #eaeaea;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
margin: .8rem 2.5rem 1.5rem 0;
|
|
|
|
|
|
padding: 2rem 1.5rem 1rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
width: 27rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.related-side h2,
|
|
|
|
|
|
.story .body .related-side h2 {
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
color: #555;
|
|
|
|
|
|
font-family: Georgia, serif;
|
|
|
|
|
|
font-size: 1.3rem;
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding-right: .8rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: -1.2rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.related-side a,
|
|
|
|
|
|
.story .body .related-side a {
|
|
|
|
|
|
background-position: 0 1rem;
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
background-size: 5.6rem auto;
|
|
|
|
|
|
border-bottom: 1px solid #f1f1f1;
|
|
|
|
|
|
color: #2881B3;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.4rem;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
line-height: 1.3;
|
|
|
|
|
|
min-height: 7.6rem;
|
|
|
|
|
|
padding: 1rem 0;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.related-side a.has-image,
|
|
|
|
|
|
.story .body .related-side a.has-image {
|
|
|
|
|
|
padding: 1rem 0 1rem 6.6rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.related-side a:hover,
|
|
|
|
|
|
.story .body .related-side a:hover {
|
|
|
|
|
|
text-decoration: underline;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.related-side a:last-child,
|
|
|
|
|
|
.story .body .related-side a:last-child {
|
|
|
|
|
|
border-bottom: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* container */
|
|
|
|
|
|
|
|
|
|
|
|
.share {
|
|
|
|
|
|
border-bottom: 1px solid #eaeaea;
|
|
|
|
|
|
border-top: 1px solid #eaeaea;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
margin: 0 0 2.5rem;
|
|
|
|
|
|
padding: .7rem 0;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* title */
|
|
|
|
|
|
|
|
|
|
|
|
.share .share-text {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* clearfix */
|
|
|
|
|
|
|
|
|
|
|
|
.share::after {
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
content: '';
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* total share count */
|
|
|
|
|
|
|
|
|
|
|
|
.share .share-counter {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* share link */
|
|
|
|
|
|
|
|
|
|
|
|
.share a {
|
|
|
|
|
|
border-right: 1px solid #dadada;
|
|
|
|
|
|
color: #555;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.2rem;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
height: 2.1rem;
|
|
|
|
|
|
margin: 0 1rem 0 0;
|
|
|
|
|
|
padding: .4rem 0 0 3.1rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
width: 7.9rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Prevent orphan wrapping. */
|
|
|
|
|
|
|
|
|
|
|
|
.share a:last-of-type,
|
|
|
|
|
|
.share.horizontal a:last-of-type {
|
|
|
|
|
|
border-right: none;
|
|
|
|
|
|
width: 3rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* count */
|
|
|
|
|
|
|
|
|
|
|
|
.share a em {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share a.comments {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Icons */
|
|
|
|
|
|
|
|
|
|
|
|
.share a svg {
|
|
|
|
|
|
height: 2.1rem;
|
|
|
|
|
|
left: .3rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
width: 2.1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share a:first-of-type {
|
|
|
|
|
|
padding-left: 3rem;
|
|
|
|
|
|
width: 8rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share a:first-of-type svg {
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share a.email svg {
|
|
|
|
|
|
height: 1.8rem;
|
|
|
|
|
|
top: .3rem;
|
|
|
|
|
|
width: 1.8rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share a.print svg {
|
|
|
|
|
|
height: 2.4rem;
|
|
|
|
|
|
left: -.1rem;
|
|
|
|
|
|
top: -.1rem;
|
|
|
|
|
|
width: 2.4rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share a.print span {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share .close {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* hide the mobile overlay (edge case) */
|
|
|
|
|
|
|
|
|
|
|
|
.share.overlay {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* hide whatsapp (except on ios) */
|
|
|
|
|
|
|
|
|
|
|
|
.share .whatsapp {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share .whatsapp.displayed {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share-feed div.share-count,
|
|
|
|
|
|
.greatest-hits .share-feed div.share-count,
|
|
|
|
|
|
.most-popular .share-feed div.share-count,
|
|
|
|
|
|
.newsfeed .share-feed div.share-count {
|
|
|
|
|
|
color: #f85d00;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.2rem;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
height: auto;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
line-height: 1;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share-feed .share-count em,
|
|
|
|
|
|
.greatest-hits .share-feed .share-count em,
|
|
|
|
|
|
.most-popular .share-feed .share-count em,
|
|
|
|
|
|
.newsfeed .share-feed .share-count em {
|
|
|
|
|
|
color: #555;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.1rem;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share-feed.no-count .share-count,
|
|
|
|
|
|
.newsfeed .share-feed .share-count {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share-feed a.fb,
|
|
|
|
|
|
.greatest-hits .share-feed a.fb,
|
|
|
|
|
|
.most-popular .share-feed a.fb,
|
|
|
|
|
|
.newsfeed .share-feed a.fb {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/facebook.svg);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share-feed a.twit,
|
|
|
|
|
|
.greatest-hits .share-feed a.twit,
|
|
|
|
|
|
.most-popular .share-feed a.twit,
|
|
|
|
|
|
.newsfeed .share-feed a.twit {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/twitter.svg);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share-feed a,
|
|
|
|
|
|
.greatest-hits .share-feed a,
|
|
|
|
|
|
.most-popular .share-feed a,
|
|
|
|
|
|
.newsfeed .share-feed a {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share-feed.no-count a,
|
|
|
|
|
|
.newsfeed .share-feed a {
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
background-size: 1.4rem 1.4rem;
|
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
|
border-top: none;
|
|
|
|
|
|
color: #555;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.1rem;
|
|
|
|
|
|
padding: .1rem 0 .1rem 1.8rem;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share-feed a:nth-of-type(1),
|
|
|
|
|
|
.greatest-hits .share-feed a:nth-of-type(1),
|
|
|
|
|
|
.most-popular .share-feed a:nth-of-type(1),
|
|
|
|
|
|
.newsfeed .share-feed a:nth-of-type(1) {
|
|
|
|
|
|
border-right: 1px solid #dadada;
|
|
|
|
|
|
border-top: none;
|
|
|
|
|
|
margin-right: .8rem;
|
|
|
|
|
|
padding: .1rem .8rem .1rem 1.8rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news {
|
|
|
|
|
|
border-bottom: 1px solid #f1f1f1;
|
|
|
|
|
|
border-top: 1px solid #bbb;
|
|
|
|
|
|
margin-top: 4.5rem;
|
|
|
|
|
|
padding-bottom: 1.5rem;
|
|
|
|
|
|
padding-top: 1rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news h2 {
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
color: #333;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
font-family: "Elderkin", Helvetica, sans-serif;
|
|
|
|
|
|
font-size: 2.8rem;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
|
padding-right: 1rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: -4.1rem;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news a {
|
|
|
|
|
|
background-position: .2rem 1.5rem;
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
background-size: 16.8rem auto;
|
|
|
|
|
|
border-top: 1px solid #f1f1f1;
|
|
|
|
|
|
color: #3e3e3e;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: GeorgiaProCondSemiBold, serif;
|
|
|
|
|
|
font-size: 2.1rem;
|
|
|
|
|
|
line-height: 1.1;
|
|
|
|
|
|
margin: 1.5rem 0 0;
|
|
|
|
|
|
min-height: 12.2rem;
|
|
|
|
|
|
padding: 1.5rem 0 0;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news > a:nth-of-type(1) {
|
|
|
|
|
|
border-top: none;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
margin-top: 1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news a:hover {
|
|
|
|
|
|
color: #444;
|
|
|
|
|
|
transition: color .2s;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news a[hidden] {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news a p {
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
color: #555;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.4rem;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
line-height: 1.3;
|
|
|
|
|
|
margin: .3rem 0 0;
|
|
|
|
|
|
text-transform: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news a .title {
|
|
|
|
|
|
color: #111;
|
|
|
|
|
|
font-family: Georgia, serif;
|
|
|
|
|
|
font-size: 1.8rem;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
line-height: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news a time {
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
color: #555;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.1rem;
|
|
|
|
|
|
padding: 0 .6rem .5rem 0;
|
|
|
|
|
|
text-transform: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news a.latest-news-img {
|
|
|
|
|
|
padding-left: 18.6rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news button {
|
|
|
|
|
|
background: #fff;
|
|
|
|
|
|
border: 1px solid #aeaeae;
|
|
|
|
|
|
border-radius: .3rem;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1.4rem;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
margin: 1rem 0 0;
|
|
|
|
|
|
padding: 1rem;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .latest-news .ad {
|
|
|
|
|
|
border-top: 1px solid #f1f1f1;
|
|
|
|
|
|
margin: 1.5rem auto 0;
|
|
|
|
|
|
padding: 1.5rem 0 0;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture ins.adsbygoogle {
|
|
|
|
|
|
height: 60px;
|
|
|
|
|
|
margin: 1.5rem auto;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular {
|
|
|
|
|
|
margin: 5rem 0 3rem 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular > h2 {
|
|
|
|
|
|
font-family: "Elderkin",Helvetica,sans-serif;
|
|
|
|
|
|
font-size: 2.8rem;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
line-height: 1;
|
|
|
|
|
|
top: -3.7rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:first-of-type {
|
|
|
|
|
|
min-height: 15.2rem;
|
|
|
|
|
|
padding: 2.5rem 0 1.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(6) {
|
|
|
|
|
|
border-top: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular p {
|
|
|
|
|
|
color: #111;
|
|
|
|
|
|
font-family: Georgia, serif;
|
|
|
|
|
|
font-size: 1.8rem;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Numbers */
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article a:before {
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
background-color: rgba(255,255,255,.8);
|
|
|
|
|
|
background-size: auto 2rem;
|
|
|
|
|
|
border-radius: 3px;
|
|
|
|
|
|
content: ' ';
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
height: 3.5rem;
|
|
|
|
|
|
left: -5.5rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: .4rem;
|
|
|
|
|
|
width: 4rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(1) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-1.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(2) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-2.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(3) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-3.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(4) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-4.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(5) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-5.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(6) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-6.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(7) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-7.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(8) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-8.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(9) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-9.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .most-popular article:nth-of-type(10) a:before {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-10.png);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz {
|
|
|
|
|
|
background-color: #ededed;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
margin-bottom: 2rem;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
padding: 4rem 3rem 3rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture #quizMobile {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.correct {
|
|
|
|
|
|
-webkit-animation: QuizFadeIn .35s ease-in;
|
|
|
|
|
|
animation: QuizFadeIn .35s ease-in;
|
|
|
|
|
|
background-color: #20bdef;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.wrong {
|
|
|
|
|
|
-webkit-animation: QuizFadeIn .35s ease-in;
|
|
|
|
|
|
animation: QuizFadeIn .35s ease-in;
|
|
|
|
|
|
background-color: #ff244e;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.block,
|
|
|
|
|
|
.vulture .quiz .block {
|
|
|
|
|
|
display: block !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.none,
|
|
|
|
|
|
.vulture .quiz .none {
|
|
|
|
|
|
display: none !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .visible {
|
|
|
|
|
|
visibility: visible !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz a,
|
|
|
|
|
|
.vulture .quiz button {
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz h2 {
|
|
|
|
|
|
font-family: Elderkin, Arial,sans-serif;
|
|
|
|
|
|
font-size: 4rem;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
letter-spacing: 0;
|
|
|
|
|
|
line-height: 100%;
|
|
|
|
|
|
margin: 0 0 2rem 0;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.mc-txt h2 {
|
|
|
|
|
|
border-bottom: 2px solid #000;
|
|
|
|
|
|
border-top: 2px solid #000;
|
|
|
|
|
|
font-family: georgia,serif;
|
|
|
|
|
|
font-size: 2.6rem;
|
|
|
|
|
|
margin: 0 6rem;
|
|
|
|
|
|
padding: 1rem 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz header img {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
height: auto;
|
|
|
|
|
|
margin: -3rem calc(50% - 6.3rem) 0;
|
|
|
|
|
|
width: 12.6rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.mc-txt header img {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide h2 {
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
font-family: Georgia, serif;
|
|
|
|
|
|
font-size: 2rem;
|
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
|
line-height: 2.2rem;
|
|
|
|
|
|
margin: 0 0 2rem;
|
|
|
|
|
|
padding: 0 1rem;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.photo .quiz-slide h2 {
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide > a {
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
border: 2px solid #000;
|
|
|
|
|
|
border-radius: 3px;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-family: arial, sans-serif;
|
|
|
|
|
|
font-size: 1.5rem;
|
|
|
|
|
|
margin: 1rem auto;
|
|
|
|
|
|
padding: 1rem 0;
|
|
|
|
|
|
width: 13rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide img {
|
|
|
|
|
|
border-radius: .2rem;
|
|
|
|
|
|
box-shadow: 0 0 3px 0 rgba(50,50,50,0.25);
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
margin-bottom: 2rem;
|
|
|
|
|
|
transition: visibility 300ms;
|
|
|
|
|
|
visibility: 1;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide img.fadeout {
|
|
|
|
|
|
visibility: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .reveal {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .current-slide,
|
|
|
|
|
|
.vulture .quiz .quiz-slide .slide-length {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
font-family: Georgia, serif;
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
margin: 2rem 0 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .count-top .current-slide,
|
|
|
|
|
|
.vulture .quiz .quiz-slide .count-top .slide-length {
|
|
|
|
|
|
font-family: arial, sans-serif;
|
|
|
|
|
|
font-size: 1.4rem;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
margin: 0 0 1rem 0;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .current-slide {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
padding-right: .5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .count-bottom .current-slide {
|
|
|
|
|
|
text-align: right;
|
|
|
|
|
|
width: 52%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .mc-txt .count-bottom {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .current-slide:after {
|
|
|
|
|
|
content: "of";
|
|
|
|
|
|
padding-left: .5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .count-top .current-slide:before {
|
|
|
|
|
|
content: "question";
|
|
|
|
|
|
padding-right: .5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .count-top {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
padding: 0 1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.mc-txt .quiz-slide .count-top {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .slide-length {
|
|
|
|
|
|
width: 48%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .option {
|
|
|
|
|
|
-webkit-align-items: stretch;
|
|
|
|
|
|
-ms-flex-align: stretch;
|
|
|
|
|
|
align-items: stretch;
|
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
-webkit-flex-wrap: wrap;
|
|
|
|
|
|
-ms-flex-wrap: wrap;
|
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .option button {
|
|
|
|
|
|
-webkit-align-self: stretch;
|
|
|
|
|
|
-ms-flex-item-align: stretch;
|
|
|
|
|
|
align-self: stretch;
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
border: 1px solid #ddd;
|
|
|
|
|
|
border-radius: .5rem;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
margin: 0 0 1rem 0;
|
|
|
|
|
|
min-height: 6rem;
|
|
|
|
|
|
padding: 0 1.5rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
transition: border .15s;
|
|
|
|
|
|
width: 49%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.photo .option button {
|
|
|
|
|
|
box-shadow: 1px 1px 2px 0 rgba(50, 50, 50, 0.25);
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.mc-txt .option button {
|
|
|
|
|
|
min-height: 5rem;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .option button:nth-of-type(odd) {
|
|
|
|
|
|
margin-right: 2%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.mc-txt .option button:nth-of-type(odd) {
|
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .option button p {
|
|
|
|
|
|
font-family: arial, sans-serif;
|
|
|
|
|
|
font-size: 1.6rem;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
line-height: 1.2;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: 1rem 0;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.photo .option button p {
|
|
|
|
|
|
padding: 1.5rem 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.mc-txt .option button p {
|
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.photo-reveal .option button p {
|
|
|
|
|
|
visibility: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.photo-img .option button p {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .option button img {
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
margin: -0.3rem 0 0 -0.3rem;
|
|
|
|
|
|
width: 103%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.photo .option button img {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.mc .option button img {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .option button.disabled {
|
|
|
|
|
|
border-color: #ddd;
|
|
|
|
|
|
color: #aaa;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .option button.disabled:hover {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .option button.disabled.correct-answer {
|
|
|
|
|
|
border-color: #000;
|
|
|
|
|
|
color: #000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.mc-reveal.wrong .option button.disabled.correct-answer,
|
|
|
|
|
|
.vulture .quiz.mc-img.wrong .option button.disabled.correct-answer {
|
|
|
|
|
|
-webkit-animation: QuizTransformAnswer .35s ease-in;
|
|
|
|
|
|
animation: QuizTransformAnswer .35s ease-in;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* ////////// BEFORE DISPLAYING COMMENT ////////// */
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .option button.disabled {
|
|
|
|
|
|
border-color: #ddd;
|
|
|
|
|
|
color: #aaa;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .option button.disabled:hover {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .option button.disabled.correct-answer {
|
|
|
|
|
|
border-color: #000;
|
|
|
|
|
|
color: #000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .wrap {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .mc-txt .quiz-slide .wrap,
|
|
|
|
|
|
.vulture .photo .quiz-slide .wrap {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* -- CHECK AND X -- */
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .checkmark,
|
|
|
|
|
|
.vulture .quiz .x-icon {
|
|
|
|
|
|
-webkit-animation: QuizTransform .35s ease-in;
|
|
|
|
|
|
animation: QuizTransform .35s ease-in;
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
border: .2rem solid #000;
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
height: 3rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
right: .5rem;
|
|
|
|
|
|
top: .5rem;
|
|
|
|
|
|
width: 3rem;
|
|
|
|
|
|
z-index: 3;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .checkmark svg,
|
|
|
|
|
|
.vulture .quiz .x-icon svg {
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* -- CHECK AND X ON IMAGE -- */
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .wrap .checkmark,
|
|
|
|
|
|
.vulture .quiz .quiz-slide .wrap .x-icon,
|
|
|
|
|
|
.vulture .quiz.photo.correct button .checkmark,
|
|
|
|
|
|
.vulture .quiz.photo button .x-icon {
|
|
|
|
|
|
height: 10rem;
|
|
|
|
|
|
right: calc(50% - 5rem);
|
|
|
|
|
|
top: calc(50% - 5rem);
|
|
|
|
|
|
width: 10rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.photo.correct button .checkmark,
|
|
|
|
|
|
.vulture .quiz.photo button .x-icon {
|
|
|
|
|
|
top: calc(50% - 7rem);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .quiz-slide .wrap .checkmark svg,
|
|
|
|
|
|
.vulture .quiz .quiz-slide .wrap .x-icon svg,
|
|
|
|
|
|
.vulture .quiz.photo button .checkmark svg,
|
|
|
|
|
|
.vulture .quiz.photo button .x-icon svg {
|
|
|
|
|
|
padding: 1.8rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.correct .quiz-slide .wrap .checkmark,
|
|
|
|
|
|
.vulture .quiz.photo.correct button .checkmark {
|
|
|
|
|
|
border: .5rem solid #20bdef;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.correct .quiz-slide .wrap .checkmark svg,
|
|
|
|
|
|
.vulture .quiz.correct.photo button .checkmark svg {
|
|
|
|
|
|
fill: #20bdef;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.wrong .quiz-slide .wrap .x-icon,
|
|
|
|
|
|
.vulture .quiz.wrong.photo button .x-icon {
|
|
|
|
|
|
border: .5rem solid #ff244e;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.wrong .quiz-slide .wrap .x-icon svg,
|
|
|
|
|
|
.vulture .quiz.wrong.photo button .x-icon svg {
|
|
|
|
|
|
fill: #ff244e;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* -- CHECK AND X ON IMAGE SMALL -- */
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.correct.mc-reveal .quiz-slide .wrap .checkmark,
|
|
|
|
|
|
.vulture .quiz.wrong.mc-reveal .quiz-slide .wrap .x-icon {
|
|
|
|
|
|
height: 6rem;
|
|
|
|
|
|
right: 1rem;
|
|
|
|
|
|
top: 1rem;
|
|
|
|
|
|
width: 6rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.correct.mc-reveal .quiz-slide .wrap .checkmark svg,
|
|
|
|
|
|
.vulture .quiz.wrong.mc-reveal .quiz-slide .wrap .x-icon svg {
|
|
|
|
|
|
padding: 1.1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.correct.mc-reveal .quiz-slide .wrap .checkmark {
|
|
|
|
|
|
border: .3rem solid #20bdef;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.wrong.mc-reveal .quiz-slide .wrap .x-icon {
|
|
|
|
|
|
border: .3rem solid #ff244e;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* -- CHECK AND X ON BUTTONS -- */
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.photo.wrong button .checkmark svg,
|
|
|
|
|
|
.vulture .quiz.mc button .checkmark svg,
|
|
|
|
|
|
.vulture .quiz.mc button .x-icon svg {
|
|
|
|
|
|
padding: .5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.wrong.mc button .x-icon {
|
|
|
|
|
|
border: .2rem solid #ff244e;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.wrong.mc button .x-icon svg {
|
|
|
|
|
|
fill: #ff244e;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.correct.mc button .checkmark,
|
|
|
|
|
|
.vulture .quiz.wrong.mc button .checkmark,
|
|
|
|
|
|
.vulture .quiz.wrong.photo button .checkmark {
|
|
|
|
|
|
border: .2rem solid #20bdef;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.correct.mc button .checkmark svg,
|
|
|
|
|
|
.vulture .quiz.wrong.mc button .checkmark svg,
|
|
|
|
|
|
.vulture .quiz.wrong.photo button .checkmark svg {
|
|
|
|
|
|
fill: #20bdef;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.mc.wrong button .x-icon,
|
|
|
|
|
|
.vulture .quiz.mc.correct button .x-icon,
|
|
|
|
|
|
.vulture .quiz.mc.correct button .checkmark,
|
|
|
|
|
|
.vulture .quiz.mc.wrong button .checkmark {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.mc.mc-txt.wrong button .x-icon,
|
|
|
|
|
|
.vulture .quiz.mc.mc-txt.correct button .checkmark,
|
|
|
|
|
|
.vulture .quiz.mc.mc-txt.wrong button .checkmark {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
top: calc(50% - 1.5rem);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz.photo.correct button .checkmark {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* ////////// LAST SLIDE ////////// */
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .icon {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-icon-blue.svg);
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
background-size: 100%;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
height: 4.5rem;
|
|
|
|
|
|
left: calc(50% - 2.25rem);
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: -2.2rem;
|
|
|
|
|
|
width: 4.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .rank {
|
|
|
|
|
|
background: #fff;
|
|
|
|
|
|
border: 6px solid #20bdef;
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
color: #20bdef;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
height: 11rem;
|
|
|
|
|
|
margin: 2rem 0 0 calc(50% - 16.1rem);
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
width: 11rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .rank p {
|
|
|
|
|
|
color: #20bbf0;
|
|
|
|
|
|
font-family: Arial,serif;
|
|
|
|
|
|
font-size: 1.2rem;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
line-height: 1.2;
|
|
|
|
|
|
padding: 1.5rem 1.2rem 1.5rem 1rem;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
width: 10rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .score-wrap {
|
|
|
|
|
|
background: #fff;
|
|
|
|
|
|
border: 6px solid #20bdef;
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
color: #20bdef;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
height: 13rem;
|
|
|
|
|
|
margin: 2rem 0 0 -1.5rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
width: 13rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .score-wrap:before {
|
|
|
|
|
|
content: "score";
|
|
|
|
|
|
font-family: arial,sans-serif;
|
|
|
|
|
|
font-size: 1.2rem;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
left: 3.7rem;
|
|
|
|
|
|
letter-spacing: -.05rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
top: 2.3rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .score-wrap span {
|
|
|
|
|
|
color: #20bdef;
|
|
|
|
|
|
font-family: Elderkin, Arial, sans-serif;
|
|
|
|
|
|
font-size: 5rem;
|
|
|
|
|
|
font-weight: 100;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .score-wrap > span {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
margin-top: 5.4rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .score-wrap .total-score {
|
|
|
|
|
|
text-align: right;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .score-wrap .total-score:after {
|
|
|
|
|
|
content: "/";
|
|
|
|
|
|
font-size: 5rem;
|
|
|
|
|
|
font-weight: lighter;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .score-wrap .slide-length {
|
|
|
|
|
|
margin-left: -1rem;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide > div:nth-of-type(2) {
|
|
|
|
|
|
background-color: #20bdef;
|
|
|
|
|
|
border: 5px solid #fff;
|
|
|
|
|
|
padding: 2rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide div > a:first-of-type {
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
border: 6px solid #20bdef;
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
color: #20bdef;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
height: 11rem;
|
|
|
|
|
|
left: -1.5rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
top: 2rem;
|
|
|
|
|
|
width: 11rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide div > a:first-of-type:after {
|
|
|
|
|
|
bottom: 1.0rem;
|
|
|
|
|
|
content: "replay";
|
|
|
|
|
|
font-family: arial,sans-serif;
|
|
|
|
|
|
font-size: 1.2rem;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
left: 2.7rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide div > a:first-of-type svg {
|
|
|
|
|
|
fill: #20bdef;
|
|
|
|
|
|
left: 2.3rem;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 1rem;
|
|
|
|
|
|
width: 5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .comment,
|
|
|
|
|
|
.vulture .quiz .result-slide h3 {
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
font-size: 2.8rem;
|
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
|
line-height: 1.1;
|
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
padding: 1.5rem 0;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .comment {
|
|
|
|
|
|
width: 80%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide h3 {
|
|
|
|
|
|
border-top: 1px solid #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz aside {
|
|
|
|
|
|
margin: 3rem 0 0;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz aside:after {
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
display: table;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz aside p {
|
|
|
|
|
|
background-image: url(//cache.nymag.com/media/vulture-wings.svg);
|
|
|
|
|
|
background-position: center center;
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
background-size: 100%;
|
|
|
|
|
|
margin: .5rem 0 2.5rem;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz aside p span {
|
|
|
|
|
|
background-color: #ededed;
|
|
|
|
|
|
color: #20bdef;
|
|
|
|
|
|
display: inline;
|
|
|
|
|
|
font-family: Elderkin, Arial, sans-serif;
|
|
|
|
|
|
font-size: 2.5rem;
|
|
|
|
|
|
font-weight: bolder;
|
|
|
|
|
|
padding: 1rem;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
top: .1rem;
|
|
|
|
|
|
width: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz aside svg {
|
|
|
|
|
|
margin-bottom: 2rem;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz aside a {
|
|
|
|
|
|
background-color: #20bdef;
|
|
|
|
|
|
border: .5rem solid #fff;
|
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
margin-bottom: 1rem;
|
|
|
|
|
|
padding: 1rem;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz aside a:after {
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz aside span {
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
font-size: 1.8rem;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
line-height: 1.2;
|
|
|
|
|
|
padding-top: .8rem;
|
|
|
|
|
|
width: 73%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz aside img {
|
|
|
|
|
|
border: .3rem solid #fff;
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
margin-right: 2rem;
|
|
|
|
|
|
max-height: 7.5rem;
|
|
|
|
|
|
max-width: 7.5rem;
|
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .fb-share,
|
|
|
|
|
|
.vulture .quiz .result-slide .twitter-share {
|
|
|
|
|
|
-webkit-align-items: center;
|
|
|
|
|
|
-ms-flex-align: center;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
border-radius: .3rem;
|
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
|
display: -ms-flexbox;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
font-family: arial, sans-serif;
|
|
|
|
|
|
font-size: 1.5rem;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
height: 4.3rem;
|
|
|
|
|
|
padding: 1rem 0;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
width: 16.8rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .fb-share {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
margin: 0 1.3rem 0 calc(50% - 17.4rem);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .twitter-share:before {
|
|
|
|
|
|
content: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .fb-share span,
|
|
|
|
|
|
.vulture .quiz .result-slide .twitter-share span {
|
|
|
|
|
|
border-left: .1rem solid #ccc;
|
|
|
|
|
|
color: #20bdef;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .fb-share span {
|
|
|
|
|
|
padding-left: 2.3rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .twitter-share span {
|
|
|
|
|
|
padding-left: 3.3rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .fb-share svg {
|
|
|
|
|
|
fill: #20bdef;
|
|
|
|
|
|
width: 4.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .twitter-share svg {
|
|
|
|
|
|
margin-left: .6rem;
|
|
|
|
|
|
width: 4.2rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .twitter-share svg path:nth-of-type(1) {
|
|
|
|
|
|
fill: #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .quiz .result-slide .twitter-share svg path:nth-of-type(2) {
|
|
|
|
|
|
fill: #20bdef;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* --- RIGHT COLUMN AD --- */
|
|
|
|
|
|
|
|
|
|
|
|
.vulture #article #tertiary.adFade {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 37.500em) {
|
|
|
|
|
|
.ad-recirc {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.taboola #taboola-below-article-thumbnails {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
margin: 17px 0 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.taboola #taboola-mobile-below-article-thumbnails {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tags {
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
margin-bottom: 1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tags h2,
|
|
|
|
|
|
.tags a {
|
|
|
|
|
|
color: #111;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
font-family: Arial, sans-serif;
|
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tags h2 {
|
|
|
|
|
|
color: #888;
|
|
|
|
|
|
padding: 0 0.75rem 0 0;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tags a:hover {
|
|
|
|
|
|
color: #1782a9;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tags a::after {
|
|
|
|
|
|
color: #808080;
|
|
|
|
|
|
content: '|';
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
font-size: 8px;
|
|
|
|
|
|
padding: 0 0.5rem 0;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
top: -.1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tags a:last-child::after {
|
|
|
|
|
|
content: '';
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tags a.hide {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 0.000em) and (max-width: 41.749em) {
|
|
|
|
|
|
.ad-sticky {
|
|
|
|
|
|
background-color: #262626;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* the .fixed class is added if client.js finds the sticky component and inits the display logic */
|
|
|
|
|
|
|
|
|
|
|
|
/* cool dev note: this will never be fixed in edit mode, so it'll never get in the way */
|
|
|
|
|
|
|
|
|
|
|
|
.ad-sticky.fixed {
|
|
|
|
|
|
box-shadow: 0 -1px 10px 0 rgba(0, 0, 0, .75);
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
z-index: 50000000;
|
|
|
|
|
|
/* it's a lot of z-index, yes, but this should overlay all other content including 3rd party */
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* ad receives height on load, resolves issue with nav being pushed down initially */
|
|
|
|
|
|
|
|
|
|
|
|
.ad-sticky .ad {
|
|
|
|
|
|
min-height: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* the ad inside ad-sticky is displayed by default, but hidden with a class.
|
|
|
|
|
|
* note: this class needs to be applied to the ad component, so we can't just add a .show class
|
|
|
|
|
|
* to the template and remove it in js */
|
|
|
|
|
|
|
|
|
|
|
|
.ad-sticky .ad-wrapper {
|
|
|
|
|
|
background-color: #f1f1f1;
|
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ad-sticky .ad-wrapper.hide {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 41.750em) {
|
|
|
|
|
|
.ad-sticky {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 0.000em) and (max-width: 46.874em) {
|
|
|
|
|
|
.vulture-nav-minimal .vulture-nav-inner {
|
|
|
|
|
|
height: 48px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .main {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .search:after {
|
|
|
|
|
|
border-right: 1px solid #ccc;
|
|
|
|
|
|
content: '';
|
|
|
|
|
|
height: 26px;
|
|
|
|
|
|
left: 44px;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 11px;
|
|
|
|
|
|
width: 1px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .search.on:after {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .search .text-query {
|
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
|
height: 30px;
|
|
|
|
|
|
margin: 7px;
|
|
|
|
|
|
width: calc(100% - 66px);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .nav-mobile svg {
|
|
|
|
|
|
height: 16px;
|
|
|
|
|
|
margin: 12px 15px 0;
|
|
|
|
|
|
width: 16px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .dropdown-section {
|
|
|
|
|
|
border-bottom: 1px solid #3e3e3e;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .dropdown-section:after {
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
content: '';
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .dropdown-section.hot-topics a,
|
|
|
|
|
|
.vulture-nav-minimal .dropdown-section.mobile-sections a {
|
|
|
|
|
|
color: #00bcf1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .dropdown-section h2 {
|
|
|
|
|
|
font-size: 11px;
|
|
|
|
|
|
padding: 20px 0 4px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .dropdown-section a,
|
|
|
|
|
|
.vulture-nav-minimal .dropdown-section a:visited {
|
|
|
|
|
|
padding: 15px 0;
|
|
|
|
|
|
width: 49%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* first two */
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .dropdown-section a:nth-of-type(1),
|
|
|
|
|
|
.vulture-nav-minimal .dropdown-section a:nth-of-type(2) {
|
|
|
|
|
|
padding-top: 12px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* last two */
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .dropdown-section a:nth-last-of-type(1) {
|
|
|
|
|
|
margin-bottom: 12px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* left side clears to the left */
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .dropdown-section a:nth-of-type(odd) {
|
|
|
|
|
|
clear: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* right side has different padding, so users click them easier */
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .dropdown-section a:nth-of-type(even) {
|
|
|
|
|
|
padding-left: 4%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .dropdown-section .follow a {
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
margin: 0 8%;
|
|
|
|
|
|
padding: 16px 0 15px 16px;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 46.875em) and (max-width: 63.999em) {
|
|
|
|
|
|
.vulture-nav-minimal {
|
|
|
|
|
|
height: 80px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .vulture-nav-inner {
|
|
|
|
|
|
height: 75px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .vulture-nav-inner:after {
|
|
|
|
|
|
bottom: -6px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .logo {
|
|
|
|
|
|
height: 66px;
|
|
|
|
|
|
left: -18px;
|
|
|
|
|
|
top: 6px;
|
|
|
|
|
|
width: 310px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .logo svg {
|
|
|
|
|
|
height: 79px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .tagline {
|
|
|
|
|
|
height: 80px;
|
|
|
|
|
|
left: 93px;
|
|
|
|
|
|
top: 35px;
|
|
|
|
|
|
width: 80px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .main .stream {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .main-item a {
|
|
|
|
|
|
font-size: 26px;
|
|
|
|
|
|
padding: 15px 20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .main-item a:after {
|
|
|
|
|
|
height: 41%;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
top: 28%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .main-item.music a:after {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .search {
|
|
|
|
|
|
height: 42px;
|
|
|
|
|
|
right: 12px;
|
|
|
|
|
|
top: 17px;
|
|
|
|
|
|
width: 40px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .search.on {
|
|
|
|
|
|
width: calc(100% - 270px);
|
|
|
|
|
|
z-index: 5;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .search .search-icon,
|
|
|
|
|
|
.vulture-nav-minimal .search .search-close {
|
|
|
|
|
|
right: 6px;
|
|
|
|
|
|
top: 9px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .search-icon svg {
|
|
|
|
|
|
height: 60%;
|
|
|
|
|
|
left: 20%;
|
|
|
|
|
|
top: 20%;
|
|
|
|
|
|
width: 60%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .search-close svg {
|
|
|
|
|
|
height: 90%;
|
|
|
|
|
|
left: 5%;
|
|
|
|
|
|
top: 5%;
|
|
|
|
|
|
width: 90%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .search .text-query {
|
|
|
|
|
|
height: 30px;
|
|
|
|
|
|
padding: 10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .nav-mobile {
|
|
|
|
|
|
height: 60px;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
right: 60px;
|
|
|
|
|
|
top: 13px;
|
|
|
|
|
|
width: 65px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .nav-mobile svg {
|
|
|
|
|
|
height: 25%;
|
|
|
|
|
|
margin-left: calc(37% + 2px);
|
|
|
|
|
|
margin-top: 25%;
|
|
|
|
|
|
width: 25%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .nav-mobile:before,
|
|
|
|
|
|
.vulture-nav-minimal .nav-mobile:after {
|
|
|
|
|
|
border-right: 1px solid #e2e2e2;
|
|
|
|
|
|
content: '';
|
|
|
|
|
|
height: 25px;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 12px;
|
|
|
|
|
|
width: 1px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .nav-mobile:before {
|
|
|
|
|
|
left: 2px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .nav-mobile:after {
|
|
|
|
|
|
right: 2px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .nav-mobile.on {
|
|
|
|
|
|
border: 1px solid #333;
|
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
|
border-top-left-radius: 3px;
|
|
|
|
|
|
border-top-right-radius: 3px;
|
|
|
|
|
|
height: 61px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .nav-mobile.on:before,
|
|
|
|
|
|
.vulture-nav-minimal .nav-mobile.on:after {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .nav-mobile.on svg,
|
|
|
|
|
|
.vulture-nav-minimal .nav-mobile.on svg * {
|
|
|
|
|
|
fill: #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .dropdown {
|
|
|
|
|
|
border-top: 1px solid #333;
|
|
|
|
|
|
padding: 23px 0;
|
|
|
|
|
|
top: 73px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .dropdown:after {
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
content: '';
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .dropdown-section {
|
|
|
|
|
|
border-left: 1px solid #3e3e3e;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
height: 280px;
|
|
|
|
|
|
padding: 0 23px;
|
|
|
|
|
|
width: 25%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .dropdown-section:first-of-type {
|
|
|
|
|
|
border: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .dropdown-section a.home {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .dropdown-section h2 {
|
|
|
|
|
|
font-size: 10px;
|
|
|
|
|
|
padding: 4px 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .dropdown-section a,
|
|
|
|
|
|
.vulture-nav-minimal .dropdown-section a:visited {
|
|
|
|
|
|
padding: 12px 0;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .dropdown-section a:first-of-type {
|
|
|
|
|
|
padding-top: 12px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .dropdown-section a.tablet {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
width: 40%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .dropdown-section .follow a {
|
|
|
|
|
|
padding: 16px 0 15px 37px;
|
|
|
|
|
|
width: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vulture-nav-minimal .hot-topics a {
|
|
|
|
|
|
color: #00bcf1;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body class="vulture">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="article-feature" data-layout="article-feature">
|
|
|
|
|
|
<div id="ad-splash"><div
|
|
|
|
|
|
data-uri=""
|
|
|
|
|
|
class="ad-sticky"
|
|
|
|
|
|
data-placeholder="component"
|
|
|
|
|
|
data-component="ad-sticky"
|
|
|
|
|
|
data-delay="3"
|
|
|
|
|
|
data-until-component="tags">
|
|
|
|
|
|
<div class="ad-wrapper">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 479.9px) {
|
|
|
|
|
|
.ad.vp-0-480 { display: block; }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div data-component="ad" class="ad vp-0-480" data-name="/4088/vulture_mobile/tv" data-sizes="300x50,320x50,320x100,320x101"></div>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 480px) and (max-width: 667.9px) {
|
|
|
|
|
|
.ad.vp-480-668 { display: block; }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div data-component="ad" class="ad vp-480-668" data-name="/4088/vulture_mobile/tv" data-sizes="468x60,480x60"></div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div id="top">
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 1024px){
|
|
|
|
|
|
.ad.vp-1024-plus { display: block; }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div data-component="ad" class="ad vp-1024-plus" data-name="/4088/nym.vulture/tv" data-sizes="728x90,970x90"></div>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 728px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.ad.vp-728-1024 { display: block; }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div data-component="ad" class="ad vp-728-1024" data-name="/4088/nym.vulture/tv" data-sizes="728x90"></div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<nav data-component="global-nav" class="global-nav">
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<a href="//nymag.com/" data-track="NYMag">NYMag.com</a>
|
|
|
|
|
|
<a href="//nymag.com/daily/intelligencer/" data-track="Daily Intelligencer">Daily Intelligencer</a>
|
|
|
|
|
|
<a href="//www.vulture.com" data-track="Vulture">Vulture</a>
|
|
|
|
|
|
<a href="//nymag.com/thecut/" data-track="The Cut">The Cut</a>
|
|
|
|
|
|
<a href="//nymag.com/scienceofus/" data-track="Science of Us">Science of Us</a>
|
|
|
|
|
|
<a href="//nymag.com/selectall/" data-track="Select All">Select All</a>
|
|
|
|
|
|
<a href="//www.grubstreet.com/" data-track="Grubstreet">Grub Street</a>
|
|
|
|
|
|
<a href="//bedfordandbowery.com/" data-track="Bedford & Bowery">Bedford & Bowery</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="social">
|
|
|
|
|
|
<p>FOLLOW:</p>
|
|
|
|
|
|
<a href="https://www.facebook.com/Vulture" class="facebook" data-track="Facebook">Facebook</a>
|
|
|
|
|
|
<a href="https://twitter.com/Vulture" class="twitter" data-track="Twitter">Twitter</a>
|
|
|
|
|
|
<a href="https://www.instagram.com/vulture/" class="instagram" data-track="Instagram">Instagram</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="login-social-wrap rightMenu">
|
|
|
|
|
|
<div id="logged_in_bar" class="membership" style="display:none;">
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li class="mynewyork"><a id="nav-mynewyork" class="top" href="//my.nymag.com"><span id="mynewyork-wrp"><cite id="user_name">UserName</cite> <span class="fbpic"></span></span></a>
|
|
|
|
|
|
<div id="sub_nav_mynewyork"></div>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div id="logged_out_bar" class="membership" style="display:none;">
|
|
|
|
|
|
<a class="login-lightbox" href="/accountcenter/login.cgi" data-track="Login/Register">LOG IN</a>
|
|
|
|
|
|
<a class="register-lightbox" href="/registration/" data-track="Login/Register">REGISTER</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</nav>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section class="vulture-nav-minimal article" data-component="vulture-nav-minimal">
|
|
|
|
|
|
<div class="vulture-nav-inner">
|
|
|
|
|
|
<a class="logo" href="//www.vulture.com" data-track="logo">
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="360" height="86" viewBox="0 0 360 86" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path d="M94.234 9.615c-1.376-.375-2.77-.708-4.11-1.066-.706-.197-1.548-.51-2.216-.415-1.002.137-1.42 1.097-1.892 2.222-2.738 6.587-5.19 13.436-7.885 19.767-1.7-6.413-3.99-15.186-5.75-22.152-.28-1.118-.44-2.242-.902-3.133-1.04-1.99-3.577-2.215-6.082-2.883-1.39-.37-3.94-1.22-5.34-1.066-1.643.935-.417 3.054.083 4.61.185.57.243 1.123.41 1.647.19.582.403 1.12.578 1.648 1.215 3.73 1.97 6.812 3.12 10.294.992 3 2.046 6.3 2.96 9.307.077.256.296.724.326.824.64 2.13 1.257 4.513 2.053 6.838.802 2.335 1.474 4.946 2.3 7.163l.165.408c1.014 3.216 2.06 6.097 3.04 9.234.345 1.102.827 2.706 1.807 2.712.81.004 1.443-1.26 1.81-2.14 1.222-2.94 2.31-6.005 3.45-8.654 4.56-10.563 8.73-20.584 13.226-31.042.41-.958.966-2.275.49-3.213-.25-.494-.896-.702-1.642-.91l.002-.002zM301.006 47.74c.043-1.66-.04-3.11-1.23-3.95-1.192-.353-2.596-.19-3.94-.08-2.705.202-4.812.188-7.644.407-1.312.09-2.697.257-3.938 0-.312-.988-.29-2.614-.245-4.04.02-.75-.23-3.122.404-3.625.48-.38 2.442-.417 3.288-.496 1-.086 1.802-.077 2.548-.165 2.855-.327 5.34-.373 7.563-.733.64-.517 1.256-.97 1.48-1.734.228-.773.095-1.78.08-2.553-.017-.84.105-1.87.08-2.965-.036-1.478.114-3.833-.985-4.614-.77-.545-2.408-.266-3.61-.08-2.853.448-5.273.823-8.056 1.233h-.9c-.71.104-1.354.412-1.728.084-.27-.235-.237-1.04-.24-1.484-.02-.625 0-1.367 0-1.893-.008-1.257-.23-2.658.08-3.214.33-.603 2.618-.817 3.61-.987 1.563-.27 2.752-.47 3.94-.665 1.813-.292 3.812-.674 5.75-.986.685-.11 1.46-.17 1.978-.41 1.512-.706 1.8-2.63 1.723-4.7-.02-.74 0-1.495 0-2.14 0-1.58.02-3.082-.244-4.86-.274-.213-.5-.48-.65-.82-.7-.152-1.3-.297-1.813-.165-1.02.27-2.37.59-3.205.82h-.487c-.788.158-1.44.433-2.137.584-4.87 1.056-9.972 2.126-14.867 3.292-1.032.245-2.27.39-2.795.736-1.64 1.082-1.065 4.793-1.065 7.004l.083 18.612c0 3.462-.14 7.235-.084 10.958.026 2.122.024 4.144.082 6.745.04 1.85-.144 4.645 1.062 5.353 1.092.644 4.638.245 6.57.245 2.35 0 3.97-.062 5.672 0 2.508.104 6.576.062 9.28.082 2.103.02 3.67.206 4.353-1.484.226-.525.204-1.367.245-2.216.075-1.46-.043-3.3-.002-5.104h-.004v.003h-.005zM126.19 16.127c-1.388-.202-3.32-.71-4.108-.083-.708.56-.63 1.996-.657 3.126-.16 6.367-.213 12.105-.493 18.53-.062 1.433-.086 2.602-.328 3.793-.43 2.09-1.047 3.542-2.467 4.444-2.96 1.886-6.434.258-7.72-2.065-1.72-3.073-1.293-7.453-1.152-11.69.144-4.36.263-8.107.494-12.848.09-1.895.42-4.667-.33-5.68-.515-.692-1.814-.858-3.12-1.157-1.546-.348-2.86-.84-3.946-.66l-.74.66c-.345 2.177-.394 4.427-.494 6.673-.21 4.837-.49 9.39-.573 13.75-.045 2.298-.293 4.5-.247 6.427.222 9.076 3.45 15.88 11.994 17.043 4.842.666 9.104-.576 11.83-2.632 2.833-2.137 4.63-5.563 5.34-9.396.37-2 .394-4.362.493-6.832.195-4.947.168-8.872.246-13.914.028-1.79.546-5.33-.327-6.427-.61-.764-2.256-.86-3.698-1.068h.002v.005zM264.94 50.86c-1.934-4.07-4.11-8.2-5.75-12.02 2.568-2.688 4.8-6.376 5.34-11.12.546-4.8-.35-9.864-3.285-12.766-1.854-1.832-4.726-2.98-8.464-2.963-2.323.007-4.592.504-6.896.987-.943.198-2.062.478-3.203.742-1.704.4-3.594.602-4.103 2.14-.19.57-.098 1.374-.082 2.305.13 9.778.27 18.474.406 28.33.02 1.256.083 2.997.083 4.855 0 1.906-.228 4.028.82 4.696.633.403 2.856.27 3.618.244.577-.018 1.19.076 1.725.083.467.006 1.08.087 1.562-.083 1.41-.5 1.25-2.312 1.23-4.198-.03-2.94-.146-6.692-.082-9.466.76.098 2.24-.397 3.035-.083.413.162.685.832.98 1.57 1.34 3.196 2.575 6.048 3.862 9.225.52 1.286 1.135 2.64 2.303 2.955 1.097.306 2.84.085 4.188.085.713 0 3.293.316 3.944-.33.96-.953.024-2.273-.41-3.207-.26-.555-.513-1.335-.818-1.98zm-17.25-20.34c-.08-2.757-.16-5.13-.167-7.578 2.578-1.02 5.758-.86 6.98.99 1.41 2.124.523 6.1-.898 7.574-.816.844-2.184 1.463-4.026 1.647-.556.053-1.194.193-1.56-.082-.46-.33-.305-1.534-.33-2.55zm-18.73-3.62c-.056-1.447.067-3.81 0-5.44-.056-1.275.19-4.318-.575-5.104-.338-.345-.916-.382-1.727-.33-.94.066-2.072.185-3.368.33-1.106.128-2.3.27-2.794.827-.855.962-.438 3.23-.408 5.434.025 1.994-.016 4.454 0 6.175.03 3.43.37 8.403.082 12.105-.234 3.012-1.31 5.385-3.53 6.345-1.562.68-3.77.55-5.096-.08-1.485-.713-2.47-2.072-3.038-3.793-1.016-3.06-.457-9.123-.492-12.438-.02-1.913-.084-4.102-.084-6.587 0-1.82.45-5.226-.74-6.012-.654-.433-2.61-.18-4.104-
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
|
|
|
|
|
|
</a>
|
|
|
|
|
|
<a class="tagline" href="//www.vulture.com" data-track="logo"></a>
|
|
|
|
|
|
|
|
|
|
|
|
<nav class="main nav-sections" role="menu">
|
|
|
|
|
|
<div class="main-item tv"><a role="menuitem" href="//www.vulture.com/tv/" title="TV" data-track="tv">TV</a></div>
|
|
|
|
|
|
<div class="main-item movies"><a role="menuitem" href="//www.vulture.com/movies/" title="Movies" data-track="movies">Movies</a></div>
|
|
|
|
|
|
<div class="main-item music"><a role="menuitem" href="//www.vulture.com/music/" title="Music" data-track="music">Music</a></div>
|
|
|
|
|
|
<div class="main-item stream"><a role="menuitem" href="//www.vulture.com/streaming/" title="What to Stream" data-track="what to stream">What to Stream</a></div>
|
|
|
|
|
|
</nav>
|
|
|
|
|
|
|
|
|
|
|
|
<form class="search" method="get" action="//www.vulture.com/search.html" tabindex="0" data-track="search">
|
|
|
|
|
|
<input type="text" name="q" class="text-query" placeholder="Search">
|
|
|
|
|
|
<button class="search-close"><svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path d="M36.2,15.2l-0.8-0.8c-0.4-0.4-1.2-0.4-1.6,0L25.2,23l-8.9-9c-0.4-0.4-1.2-0.4-1.6,0l-0.8,0.8c-0.4,0.4-0.4,1.2,0,1.6
|
|
|
|
|
|
l8.9,8.9l-8.5,8.5c-0.4,0.4-0.4,1.2,0,1.6l0.8,0.8c0.4,0.4,1.2,0.4,1.6,0l8.5-8.5l8.1,8.1c0.4,0.4,1.2,0.4,1.6,0l0.8-0.8
|
|
|
|
|
|
c0.4-0.4,0.4-1.2,0-1.6l-8.1-8.1l8.5-8.5C36.6,16.4,36.6,15.7,36.2,15.2z"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
</button>
|
|
|
|
|
|
<button class="search-icon" type="submit"><svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="64" height="64" viewBox="0 0 64 64" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path d="M61.826 55.683l-16.642-16.642c6.514-9.426 5.598-22.469-2.786-30.848-4.57-4.57-10.646-7.087-17.11-7.087-6.464 0-12.54 2.516-17.11 7.085-9.434 9.434-9.434 24.782 0 34.217 4.571 4.569 10.646 7.087 17.11 7.087 4.986 0 9.736-1.514 13.75-4.298l16.636 16.634c.851.851 1.965 1.274 3.077 1.274s2.226-.425 3.075-1.274c1.7-1.695 1.7-4.451 0-6.148zm-48.375-18.548c-6.526-6.527-6.526-17.144 0-23.67 3.163-3.16 7.365-4.901 11.837-4.901 4.469 0 8.674 1.742 11.836 4.903 6.525 6.525 6.525 17.141 0 23.668-3.162 3.161-7.366 4.901-11.836 4.901-4.473 0-8.675-1.74-11.837-4.901z" fill="#888"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
</button>
|
|
|
|
|
|
<span class="searchtext">Search</span>
|
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="nav-mobile" tabindex="0" data-track="dropdown">
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="64" height="64" viewBox="0 0 64 64" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path d="M3.583 15.761h56.803c1.425 0 2.581-2.45 2.581-3.88 0-1.427-1.156-3.881-2.581-3.881h-56.803c-1.427 0-2.583 2.454-2.583 3.881 0 1.43 1.156 3.88 2.583 3.88zm56.803 12.933h-56.803c-1.427 0-2.583 2.454-2.583 3.879 0 1.432 1.156 3.881 2.583 3.881h56.803c1.425 0 2.581-2.449 2.581-3.881 0-1.425-1.156-3.879-2.581-3.879zm0 20.694h-56.803c-1.427 0-2.583 2.452-2.583 3.882 0 1.427 1.156 3.877 2.583 3.877h56.803c1.425 0 2.581-2.45 2.581-3.877 0-1.43-1.156-3.882-2.581-3.882z" fill-rule="evenodd" clip-rule="evenodd" fill="#888"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<nav class="dropdown">
|
|
|
|
|
|
<div class="dropdown-section mobile-sections">
|
|
|
|
|
|
<h2>Sections</h2>
|
|
|
|
|
|
<a class="home" href="//www.vulture.com" title="Home" data-track="home">Home</a>
|
|
|
|
|
|
<a class="tv" href="//www.vulture.com/tv/" title="TV" data-track="tv">TV</a>
|
|
|
|
|
|
<a class="movies" href="//www.vulture.com/movies/" title="Movies" data-track="movies">Movies</a>
|
|
|
|
|
|
<a class="music" href="//www.vulture.com/music/" title="Music" data-track="music">Music</a>
|
|
|
|
|
|
<a class="stream" href="//www.vulture.com/streaming/" title="What to Stream" data-track="what to stream">What to Stream</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="dropdown-section hot-topics" data-track="dropdown hot topics">
|
|
|
|
|
|
<h2>Hot Topics</h2>
|
|
|
|
|
|
<a href="http://www.vulture.com/news/fall-tv-2016/" title="Fall TV">
|
|
|
|
|
|
Fall TV
|
|
|
|
|
|
</a>
|
|
|
|
|
|
<a href="http://www.vulture.com/news/frank-ocean/" title="Frank Ocean">
|
|
|
|
|
|
Frank Ocean
|
|
|
|
|
|
</a>
|
|
|
|
|
|
<a href="http://www.vulture.com/news/the-night-of/" title="The Night Of">
|
|
|
|
|
|
The Night Of
|
|
|
|
|
|
</a>
|
|
|
|
|
|
<a href="http://www.vulture.com/news/stranger-things/" title="Stranger Things">
|
|
|
|
|
|
Stranger Things
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="dropdown-section">
|
|
|
|
|
|
<h2>Vulture's Network</h2>
|
|
|
|
|
|
<a href="//nymag.com/" title="NYMag" data-track="NYMag">NYMag.com</a>
|
|
|
|
|
|
<a href="//nymag.com/daily/intelligencer/" title="Daily Intelligencer" data-track="Daily Intelligencer">Daily Intelligencer</a>
|
|
|
|
|
|
<a href="//nymag.com/thecut/" title="The Cut" data-track="The Cut">The Cut</a>
|
|
|
|
|
|
<a href="//www.grubstreet.com/" title="Grub Street" data-track="Grubstreet">Grub Street</a>
|
|
|
|
|
|
<a href="//nymag.com/scienceofus/" title="Science of Us" data-track="Science of Us">Science of Us</a>
|
|
|
|
|
|
<a href="//bedfordandbowery.com/" title="Bedford & Bowery" data-track="Bedford & Bowery">Bedford & Bowery</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="dropdown-section">
|
|
|
|
|
|
|
|
|
|
|
|
<section class="follow" data-component="follow"><div class="follow-button-wrap"><a class="fb" data-track="Facebook Fan" data-handle="Vulture">Like Us</a><a class="twitter" data-track="Twitter follower" data-handle="Vulture">Follow Us</a><a class="instagram" data-track="Instagram follower" data-handle="Vulture">Follow Us</a></div>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</nav>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div id="middle"></div>
|
|
|
|
|
|
<div id="cover"><style>
|
|
|
|
|
|
.vulture .feature-head.fullWidthImage {background:url(http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-lede.jpg);background-color:#000 !important;top:0;min-height:600px;height:825px !important;background-position:50% 21%;background-size:cover;background-repeat:no-repeat;display:flex;-webkit-align-items:flex-end;align-items:flex-end;}.vulture .feature-head.fullWidthImage .lede {color:#fff;margin:0 auto;background-color:rgba(0,188,241,0.9);border:0;top:0;padding:30px;left:0;width:50%;text-align:center;}.vulture .feature-head.fullWidthImage .lede:before {display:none;}.vulture .feature-head.fullWidthImage .lede h1 {font-family:Elderkin, Arial Black, sans-serif;font-size:85px;line-height:.85;font-weight:normal;margin:0;position:relative;z-index:1;}.vulture .feature-head.fullWidthImage .lede h1 span {font-size:46px;line-height:65px;display:inline-block;text-transform:uppercase;color:#fff;padding:1px 14px;letter-spacing:2px;border:3px solid #fff;margin-bottom:20px;margin-left:0;}.vulture .feature-head.fullWidthImage .lede h1 .underline {border-top:61px solid #9fddf9;height:60px;opacity:0.7;position:relative;z-index:-1;display:block;top:-38px;margin-bottom:-62px;}.vulture .feature-head.fullWidthImage .lede .excerpt {font-family:Georgia, serif;font-size:24px;line-height:1.2;margin:5px auto 0;left:0;position:relative;width:90%;}.vulture .feature-head.fullWidthImage .lede .excerpt span {font-style:italic;font-size:24px;line-height:25px;display:block;padding-bottom:10px;}.vulture .feature-head.fullWidthImage .lede .excerpt:after {display:none;}.vulture .feature-head.fullWidthImage .by-authors {color:#fff !important;font-family:Georgia, serif;font-size:16px;font-weight:400;left:0;margin-top:8px;letter-spacing:0;position:relative;font-style:italic;display:block;}.vulture .feature-head.fullWidthImage .by-authors a {color:#fff !important;text-decoration:none;font-style:italic;line-height:30px;text-transform:none;}.vulture .feature-head.fullWidthImage .lede .photo-credit .plusLink {color:#fff;display:block;font-family:Arial, sans-serif;font-size:27px;font-weight:400;position:relative;font-style:normal;text-align:center;text-decoration:none;margin-top:-37px;padding-top:20px;line-height:1;}.vulture .feature-head.fullWidthImage .lede .photo-credit .plusLink .plusHed:hover {color:#fd2b26;transition:color .2s;}.vulture .feature-head.fullWidthImage .lede .photo-credit .plusLink span {display:block;}.vulture .feature-head.fullWidthImage .lede .photo-credit .plusLink .plusHdr {color:#fd2b26;display:inline-block;text-transform:uppercase;font-style:italic;font-size:80%;margin-bottom:14px;background-color:#070707;padding-left:5px;padding-right:5px;}.vulture .feature-head.fullWidthImage .lede .photo-credit .actualCredit {display:inline-block;padding-bottom:40px;color:#000;}.vulture .feature-head.fullWidthImage .lede .photo-credit {color:#fff;display:block;font-family:Arial, sans-serif;font-size:12px;font-weight:400;position:relative;font-style:normal;text-align:center;line-height:1;}@media screen and (min-width: 1024px) {.vulture .feature-head.fullWidthImage {margin:0 auto;}.vulture .feature-head.fullWidthImage .by-authors {margin-bottom:5px;}}@media screen and (min-width: 600px) and (max-width: 1023.99px) {.vulture .feature-head.fullWidthImage {height:760px !important;background-size:cover;background-repeat:no-repeat;}.vulture .feature-head.fullWidthImage .lede {width:80%;border:0;}.vulture .feature-head.fullWidthImage .lede h1 {border-bottom:0;font-size:55px;line-height:1;}.vulture .feature-head.fullWidthImage .lede h1 span {font-size:6.6vw;line-height:8.3vw;margin-bottom:20px;}.vulture .feature-head.fullWidthImage .lede h1 .underline {display:none;}.vulture .feature-head.fullWidthImage .lede .excerpt {margin:0 auto;padding:0;height:auto;font-size:22px;}.vulture .feature-head.fullWidthImage .by-authors {margin-top:5px;}.vulture .feature-head.fullWidthImage .lede .photo-credit {left:0;padding:0;line-height:17px;height:auto;margin:0;}}@media screen and (min-width: 0px) and (max-width: 599.99px) {.vulture .featur
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<header data-component="feature-head" class="feature-head coverFullLede fullWidthImage">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="lede">
|
|
|
|
|
|
<h1 itemprop="headline">The Secret to Superhero TV</h1>
|
|
|
|
|
|
<div class="excerpt">With four successful shows, veteran showrunner Greg Berlanti has found a way to make DC’s heroes succeed on the small screen.</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<span class="by-authors">
|
|
|
|
|
|
By
|
|
|
|
|
|
<span itemprop="author" itemscope itemtype="http://schema.org/Person"><a href="//nymag.com/author/Abraham%20Riesman/" rel="author" class="story-author"
|
|
|
|
|
|
data-track="Byline: Author Archive">
|
|
|
|
|
|
Abraham Riesman
|
|
|
|
|
|
<meta itemprop="name" content="Abraham Riesman"/>
|
|
|
|
|
|
<link itemprop="sameAs" href="//nymag.com/author/Abraham%20Riesman/"/>
|
|
|
|
|
|
</a><a class="twitter" href="http://twitter.com/abrahamjoseph"
|
|
|
|
|
|
title="Follow Abraham Riesman on Twitter" target="_blank"
|
|
|
|
|
|
data-track="Byline: Twitter Follow"><svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="20" height="16" viewBox="0 0 20 16" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path d="M19.2 2.3c-.7.3-1.4.5-2.2.6.8-.5 1.4-1.2 1.7-2.1-.7.4-1.5.7-2.4.9-.7-.7-1.7-1.2-2.8-1.2-2.1 0-3.8 1.7-3.8 3.8 0 .3 0 .6.1.9-3.1-.2-5.9-1.7-7.8-3.9-.3.6-.5 1.2-.5 1.9 0 1.3.7 2.5 1.7 3.1-.6 0-1.2-.2-1.7-.5 0 1.8 1.3 3.3 3 3.7-.3.1-.6.1-1 .1-.2 0-.5 0-.7-.1.5 1.5 1.9 2.6 3.5 2.6-1.3 1-2.9 1.6-4.7 1.6-.3 0-.6 0-.9-.1 1.7 1.1 3.6 1.7 5.8 1.7 6.9 0 10.7-5.7 10.7-10.7v-.5c.8-.4 1.5-1 2-1.8z" fill="#28A9E1" />
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
|
|
|
|
|
|
Follow <span class="author-twitter">@abrahamjoseph</span>
|
|
|
|
|
|
</a></span>
|
|
|
|
|
|
</span><span class="photo-credit">Illustration by John Ritter</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</header>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div id="box">
|
|
|
|
|
|
<div id="primary">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<aside data-component="share" class="share horizontal">
|
|
|
|
|
|
<div class="share-counter">624 <em>Shares</em></div><a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=http://www.vulture.com/2016/08/dc-comics-greg-berlanti-c-v-r.html%3Fmid%3Dfb-share-vulture" class="fb" data-track="Cover: Facebook" title="Share on Facebook">
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd" fill="#3E5C9B" d="M5.4 0h25.2c3 0 5.4 2.4 5.4 5.4v25.2c0 3-2.4 5.4-5.4 5.4h-25.2c-3 0-5.4-2.4-5.4-5.4v-25.2c0-3 2.4-5.4 5.4-5.4z"/>
|
|
|
|
|
|
<path fill="#fff" d="M19.4 28v-9.2h4l.6-3.3h-4.6v-2.4c0-1.1.3-1.8 2-1.8h2.6v-3.1c-.4 0-1.1-.2-2.6-.2-3.1 0-5.7 1.8-5.7 5v2.5h-3.7v3.3h3.7v9.2h3.7z"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
|
|
|
|
|
|
Share <em>613</em>
|
|
|
|
|
|
</a><a target="_blank" href="https://twitter.com/share?text=Greg%20Berlanti%20Knows%20the%20Secret%20to%20Superhero%20TV&url=http://www.vulture.com/2016/08/dc-comics-greg-berlanti-c-v-r.html%3Fmid%3Dtwitter-share-vulture&via=vulture" class="twit" data-track="Cover: Twitter" title="Share on Twitter">
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd" fill="#28A9E1" d="M5.4 0h25.2c3 0 5.4 2.4 5.4 5.4v25.2c0 3-2.4 5.4-5.4 5.4h-25.2c-3 0-5.4-2.4-5.4-5.4v-25.2c0-3 2.4-5.4 5.4-5.4z"/>
|
|
|
|
|
|
<path fill="#fff" d="M28.2 12.3c-.7.3-1.4.5-2.2.6.8-.5 1.4-1.2 1.7-2.1-.7.4-1.5.7-2.4.9-.7-.7-1.7-1.2-2.8-1.2-2.1 0-3.8 1.7-3.8 3.8 0 .3 0 .6.1.9-3.1-.2-5.9-1.7-7.8-3.9-.3.6-.5 1.2-.5 1.9 0 1.3.7 2.5 1.7 3.1-.6 0-1.2-.2-1.7-.5 0 1.8 1.3 3.3 3 3.7-.3.1-.6.1-1 .1-.2 0-.5 0-.7-.1.5 1.5 1.9 2.6 3.5 2.6-1.3 1-2.9 1.6-4.7 1.6-.3 0-.6 0-.9-.1 1.7 1.1 3.6 1.7 5.8 1.7 6.9 0 10.7-5.7 10.7-10.7v-.5c.8-.4 1.5-1 2-1.8z"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
|
|
|
|
|
|
Tweet <em>0</em>
|
|
|
|
|
|
</a><a target="_blank" href="https://plus.google.com/share?url=http%3A%2F%2Fwww.vulture.com%2F2016%2F08%2Fdc-comics-greg-berlanti-c-v-r.html" class="gplus" data-track="Cover: GooglePlus" title="Share on Google Plus">
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd" fill="#DD4B39" d="M5.4 0h25.2c3 0 5.4 2.4 5.4 5.4v25.2c0 3-2.4 5.4-5.4 5.4h-25.2c-3 0-5.4-2.4-5.4-5.4v-25.2c0-3 2.4-5.4 5.4-5.4z"/>
|
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd" fill="#fff" d="M18.3 19.9l-.9-.7-.4-.4c-.2-.2-.2-.4-.2-.7 0-.3.1-.5.2-.7.1-.2.3-.4.4-.5l.8-.7c.2-.2.4-.5.6-.8.4-.6.6-1.3.6-2.2 0-.5-.1-1-.2-1.3-.1-.4-.3-.7-.5-1l-.6-.8c-.2-.2-.4-.3-.6-.4h1.6l1.6-.9h-5.2c-.7 0-1.4.1-2.2.2-.6 0-1.4.4-2.1 1-1.1 1-1.6 2.2-1.6 3.5 0 1.1.4 2 1.1 2.8.7.9 1.8 1.3 3.2 1.3.3 0 .5 0 .8-.1 0 .1-.1.3-.2.4-.1.2-.1.3-.1.6 0 .4.1.7.3 1 .1.3.3.5.5.8-.6 0-1.4.1-2.3.2-.9.2-1.8.5-2.7 1-.8.4-1.3 1-1.6 1.6-.3.6-.4 1.1-.4 1.6 0 1 .5 1.8 1.4 2.6.9.8 2.3 1.2 4.1 1.2 2.2 0 3.8-.6 5-1.6 1.1-1 1.7-2.1 1.7-3.4 0-.9-.2-1.6-.6-2.2-.4-.4-.9-.9-1.5-1.4zm-3.2-3c-.5 0-1-.2-1.4-.5-.4-.3-.8-.7-1-1.2-.6-1-.8-2-.8-3 0-.7.2-1.4.6-1.9.5-.6 1.1-.8 1.8-.9.5 0 1 .2 1.4.5.4.3.7.7 1 1.2.5 1 .8 2.1.8 3.1 0 .2 0 .5-.1.9-.1.3-.2.7-.4 1-.7.5-1.2.8-1.9.8zm2.7 9.7c-.6.5-1.6.8-2.8.8-1.4 0-2.4-.3-3.2-.9-.8-.6-1.2-1.4-1.2-2.3 0-.5.1-.9.3-1.2.2-.3.4-.6.6-.8.2-.2.5-.4.7-.5.2-.1.4-.2.6-.2.6-.2 1.1-.3 1.7-.4.5-.1.9-.1 1-.1h.6c1 .7 1.7 1.3 2.1 1.7.4.5.6 1.1.6 1.7-.1 1-.4 1.7-1 2.2zm8.4-10.1v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4z"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
|
|
|
|
|
|
Share <em>7</em>
|
|
|
|
|
|
</a><a href="whatsapp://send?text=Greg%20Berlanti%20Knows%20the%20Secret%20to%20Superhero%20TV%0A%0Ahttp%3A%2F%2Fwww.vulture.com%2F2016%2F08%2Fdc-comics-greg-berlanti-c-v-r.html&mid=whatsapp" class="whatsapp" data-track="Cover: WhatsApp" title="Share on Whatsapp">
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path fill="#26A418" d="M5.4 0h25.2c3 0 5.4 2.4 5.4 5.4v25.2c0 3-2.4 5.4-5.4 5.4h-25.2c-3 0-5.4-2.4-5.4-5.4v-25.2c0-3 2.4-5.4 5.4-5.4z"/>
|
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd" fill="#fff" d="M18.7 7.5c-5.6 0-10.1 4.5-10.1 10.1 0 1.9.5 3.7 1.4 5.2l-1.8 5.4 5.6-1.8c1.4.8 3.1 1.3 4.9 1.3 5.6 0 10.1-4.5 10.1-10.1-.1-5.6-4.6-10.1-10.1-10.1zm0 18.4c-1.7 0-3.3-.5-4.6-1.4l-3.2 1 1-3.1c-1-1.4-1.6-3.1-1.6-4.9 0-4.6 3.8-8.4 8.4-8.4 4.6 0 8.4 3.8 8.4 8.4-.1 4.7-3.8 8.4-8.4 8.4zm4.7-6.1c-.3-.1-1.5-.8-1.7-.9-.2-.1-.4-.1-.6.1l-.9 1c-.2.2-.3.2-.6 0-.3-.1-1.1-.4-2-1.4-.7-.7-1.2-1.6-1.4-1.8-.1-.3 0-.4.1-.5l.4-.4c.1-.1.2-.2.3-.4.1-.2.1-.3 0-.4-.1-.1-.5-1.4-.7-1.9-.2-.5-.4-.4-.6-.5h-.5c-.2 0-.5 0-.7.3-.2.2-.9.8-1 2.1 0 1.3.8 2.5.9 2.7.1.2 1.7 2.9 4.2 4 2.6 1.1 2.6.8 3.1.8s1.5-.6 1.8-1.2c.2-.6.3-1.1.2-1.2.1-.2-.1-.2-.3-.4z"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
|
|
|
|
|
|
Share
|
|
|
|
|
|
</a><a href="mailto:?subject=Greg%20Berlanti%20Knows%20the%20Secret%20to%20Superhero%20TV&body=I%20saw%20this%20on%20Vulture%20and%20thought%20you%20might%20be%20interested...%0A%0AGreg%20Berlanti%20Knows%20the%20Secret%20to%20Superhero%20TV%0AWith%20four%20successful%20shows%2C%20the%20veteran%20showrunner%20has%20found%20a%20way%20to%20make%20DC%E2%80%99s%20heroes%20succeed%20on%20the%20small%20scre...%0Ahttp%3A%2F%2Fwww.vulture.com%2F2016%2F08%2Fdc-comics-greg-berlanti-c-v-r.html%3Fmid%3Demailshare%5Fvulture" class="email" data-track="Cover: Email" title="Share via email">
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="21" height="16" viewBox="0 0 21 16" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path d="M20.1.6h-19.2l9.6 9.3 9.6-9.3zm.9 15.1v-14.3l-10.5 10.2-10.5-10.2v14.3l5.7-7.5 1 .9-5.9 7.7h19.4l-5.9-7.6 1-.9 5.7 7.4z"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
|
|
|
|
|
|
Email
|
|
|
|
|
|
</a><a href="#comments" class="comments" data-track="Cover: comments" title="View Comments"><svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="17" height="18" viewBox="0 0 17 18" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path d="M15.1.9h-12.9c-.9 0-1.5.7-1.5 1.6v9.3c0 .8.6 1.5 1.5 1.5h2.3l4.2 4.6v-4.6h6.4c.9 0 1.6-.6 1.6-1.5v-9.3c0-.9-.7-1.6-1.6-1.6z" fill="#FFE400"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
<span></span></a><a href="javascript:window.print();window.location.reload();" class="print" data-track="Cover: Print" title="Print this article">
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd" fill="#BCBCBC" d="M27.4 13.2v1.8c0 1.9-1.5 3.5-3.5 3.5h-12.1c-1.9 0-3.5-1.5-3.5-3.5v-1.7c-1.9 0-3.5 1.5-3.5 3.5v6.9c0 1.9 1.5 3.5 3.5 3.5h19c1.9 0 3.5-1.5 3.5-3.5v-6.9c.1-2-1.5-3.6-3.4-3.6zm0 10.4h-3.5v-1.7h3.5v1.7zm-13.8-6.9h8.7c1.9 0 3.5-1.5 3.5-3.5v-1.7c0-1.9-1.5-3.5-3.5-3.5h-8.7c-1.9 0-3.5 1.5-3.5 3.5v1.7c0 1.9 1.6 3.5 3.5 3.5z"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
|
|
|
|
|
|
<span>Print</span>
|
|
|
|
|
|
</a><button class="close"><svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path d="M36.2,15.2l-0.8-0.8c-0.4-0.4-1.2-0.4-1.6,0L25.2,23l-8.9-9c-0.4-0.4-1.2-0.4-1.6,0l-0.8,0.8c-0.4,0.4-0.4,1.2,0,1.6
|
|
|
|
|
|
l8.9,8.9l-8.5,8.5c-0.4,0.4-0.4,1.2,0,1.6l0.8,0.8c0.4,0.4,1.2,0.4,1.6,0l8.5-8.5l8.1,8.1c0.4,0.4,1.2,0.4,1.6,0l0.8-0.8
|
|
|
|
|
|
c0.4-0.4,0.4-1.2,0-1.6l-8.1-8.1l8.5-8.5C36.6,16.4,36.6,15.7,36.2,15.2z"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
</button>
|
|
|
|
|
|
<span class="share-text">Share</span>
|
|
|
|
|
|
</aside>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script type="application/ld+json">
|
|
|
|
|
|
{
|
|
|
|
|
|
"@context": "http://schema.org",
|
|
|
|
|
|
"@type": "BreadcrumbList",
|
|
|
|
|
|
"itemListElement": [{
|
|
|
|
|
|
"@type": "ListItem",
|
|
|
|
|
|
"position": 1,
|
|
|
|
|
|
"item": {
|
|
|
|
|
|
"@id": "https://www.vulture.com/tv/",
|
|
|
|
|
|
"name": "TV"
|
|
|
|
|
|
}
|
|
|
|
|
|
}]
|
|
|
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<main role="main">
|
|
|
|
|
|
<article data-component="story" class="story" itemscope itemtype="http://schema.org/NewsArticle">
|
|
|
|
|
|
<header>
|
|
|
|
|
|
<nav><a class="rubric"
|
|
|
|
|
|
href="//www.vulture.com/news/vulture-cover-story/"
|
|
|
|
|
|
itemprop="articleSection"
|
|
|
|
|
|
data-track="Feature Rubric">vulture cover story</a></nav>
|
|
|
|
|
|
|
|
|
|
|
|
<time datetime="2016-09-07T12:00:00.000Z" itemprop="datePublished">September 7, 2016
|
|
|
|
|
|
<span>8:00 a.m.</span>
|
|
|
|
|
|
</time>
|
|
|
|
|
|
|
|
|
|
|
|
<h1 itemprop="headline">Greg Berlanti Knows the Secret to Superhero TV</h1>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<span class="by-authors"> By
|
|
|
|
|
|
<span itemprop="author" itemscope itemtype="http://schema.org/Person"><a href="//nymag.com/author/Abraham%20Riesman/" rel="author" class="story-author"
|
|
|
|
|
|
data-track="Byline: Author Archive">Abraham Riesman
|
|
|
|
|
|
<meta itemprop="name" content="Abraham Riesman"/>
|
|
|
|
|
|
<link itemprop="sameAs" href="//nymag.com/author/Abraham%20Riesman/"/>
|
|
|
|
|
|
</a><a class="twitter" href="http://twitter.com/abrahamjoseph"
|
|
|
|
|
|
title="Follow Abraham Riesman on Twitter" target="_blank"
|
|
|
|
|
|
data-track="Byline: Twitter Follow"><svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="20" height="16" viewBox="0 0 20 16" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path d="M19.2 2.3c-.7.3-1.4.5-2.2.6.8-.5 1.4-1.2 1.7-2.1-.7.4-1.5.7-2.4.9-.7-.7-1.7-1.2-2.8-1.2-2.1 0-3.8 1.7-3.8 3.8 0 .3 0 .6.1.9-3.1-.2-5.9-1.7-7.8-3.9-.3.6-.5 1.2-.5 1.9 0 1.3.7 2.5 1.7 3.1-.6 0-1.2-.2-1.7-.5 0 1.8 1.3 3.3 3 3.7-.3.1-.6.1-1 .1-.2 0-.5 0-.7-.1.5 1.5 1.9 2.6 3.5 2.6-1.3 1-2.9 1.6-4.7 1.6-.3 0-.6 0-.9-.1 1.7 1.1 3.6 1.7 5.8 1.7 6.9 0 10.7-5.7 10.7-10.7v-.5c.8-.4 1.5-1 2-1.8z" fill="#28A9E1" />
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
|
|
|
|
|
|
Follow <span class="author-twitter">@abrahamjoseph</span>
|
|
|
|
|
|
</a></span>
|
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<p itemprop="description" hidden>
|
|
|
|
|
|
With four successful shows, the veteran showrunner has found a way to make DC&rsquo;s heroes succeed on the small screen.
|
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<aside data-component="share" class="share horizontal">
|
|
|
|
|
|
<div class="share-counter">624 <em>Shares</em></div><a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=http://www.vulture.com/2016/08/dc-comics-greg-berlanti-c-v-r.html%3Fmid%3Dfb-share-vulture" class="fb" data-track="Cover: Facebook" title="Share on Facebook">
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd" fill="#3E5C9B" d="M5.4 0h25.2c3 0 5.4 2.4 5.4 5.4v25.2c0 3-2.4 5.4-5.4 5.4h-25.2c-3 0-5.4-2.4-5.4-5.4v-25.2c0-3 2.4-5.4 5.4-5.4z"/>
|
|
|
|
|
|
<path fill="#fff" d="M19.4 28v-9.2h4l.6-3.3h-4.6v-2.4c0-1.1.3-1.8 2-1.8h2.6v-3.1c-.4 0-1.1-.2-2.6-.2-3.1 0-5.7 1.8-5.7 5v2.5h-3.7v3.3h3.7v9.2h3.7z"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
|
|
|
|
|
|
Share <em>613</em>
|
|
|
|
|
|
</a><a target="_blank" href="https://twitter.com/share?text=Greg%20Berlanti%20Knows%20the%20Secret%20to%20Superhero%20TV&url=http://www.vulture.com/2016/08/dc-comics-greg-berlanti-c-v-r.html%3Fmid%3Dtwitter-share-vulture&via=vulture" class="twit" data-track="Cover: Twitter" title="Share on Twitter">
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd" fill="#28A9E1" d="M5.4 0h25.2c3 0 5.4 2.4 5.4 5.4v25.2c0 3-2.4 5.4-5.4 5.4h-25.2c-3 0-5.4-2.4-5.4-5.4v-25.2c0-3 2.4-5.4 5.4-5.4z"/>
|
|
|
|
|
|
<path fill="#fff" d="M28.2 12.3c-.7.3-1.4.5-2.2.6.8-.5 1.4-1.2 1.7-2.1-.7.4-1.5.7-2.4.9-.7-.7-1.7-1.2-2.8-1.2-2.1 0-3.8 1.7-3.8 3.8 0 .3 0 .6.1.9-3.1-.2-5.9-1.7-7.8-3.9-.3.6-.5 1.2-.5 1.9 0 1.3.7 2.5 1.7 3.1-.6 0-1.2-.2-1.7-.5 0 1.8 1.3 3.3 3 3.7-.3.1-.6.1-1 .1-.2 0-.5 0-.7-.1.5 1.5 1.9 2.6 3.5 2.6-1.3 1-2.9 1.6-4.7 1.6-.3 0-.6 0-.9-.1 1.7 1.1 3.6 1.7 5.8 1.7 6.9 0 10.7-5.7 10.7-10.7v-.5c.8-.4 1.5-1 2-1.8z"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
|
|
|
|
|
|
Tweet <em>0</em>
|
|
|
|
|
|
</a><a target="_blank" href="https://plus.google.com/share?url=http%3A%2F%2Fwww.vulture.com%2F2016%2F08%2Fdc-comics-greg-berlanti-c-v-r.html" class="gplus" data-track="Cover: GooglePlus" title="Share on Google Plus">
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd" fill="#DD4B39" d="M5.4 0h25.2c3 0 5.4 2.4 5.4 5.4v25.2c0 3-2.4 5.4-5.4 5.4h-25.2c-3 0-5.4-2.4-5.4-5.4v-25.2c0-3 2.4-5.4 5.4-5.4z"/>
|
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd" fill="#fff" d="M18.3 19.9l-.9-.7-.4-.4c-.2-.2-.2-.4-.2-.7 0-.3.1-.5.2-.7.1-.2.3-.4.4-.5l.8-.7c.2-.2.4-.5.6-.8.4-.6.6-1.3.6-2.2 0-.5-.1-1-.2-1.3-.1-.4-.3-.7-.5-1l-.6-.8c-.2-.2-.4-.3-.6-.4h1.6l1.6-.9h-5.2c-.7 0-1.4.1-2.2.2-.6 0-1.4.4-2.1 1-1.1 1-1.6 2.2-1.6 3.5 0 1.1.4 2 1.1 2.8.7.9 1.8 1.3 3.2 1.3.3 0 .5 0 .8-.1 0 .1-.1.3-.2.4-.1.2-.1.3-.1.6 0 .4.1.7.3 1 .1.3.3.5.5.8-.6 0-1.4.1-2.3.2-.9.2-1.8.5-2.7 1-.8.4-1.3 1-1.6 1.6-.3.6-.4 1.1-.4 1.6 0 1 .5 1.8 1.4 2.6.9.8 2.3 1.2 4.1 1.2 2.2 0 3.8-.6 5-1.6 1.1-1 1.7-2.1 1.7-3.4 0-.9-.2-1.6-.6-2.2-.4-.4-.9-.9-1.5-1.4zm-3.2-3c-.5 0-1-.2-1.4-.5-.4-.3-.8-.7-1-1.2-.6-1-.8-2-.8-3 0-.7.2-1.4.6-1.9.5-.6 1.1-.8 1.8-.9.5 0 1 .2 1.4.5.4.3.7.7 1 1.2.5 1 .8 2.1.8 3.1 0 .2 0 .5-.1.9-.1.3-.2.7-.4 1-.7.5-1.2.8-1.9.8zm2.7 9.7c-.6.5-1.6.8-2.8.8-1.4 0-2.4-.3-3.2-.9-.8-.6-1.2-1.4-1.2-2.3 0-.5.1-.9.3-1.2.2-.3.4-.6.6-.8.2-.2.5-.4.7-.5.2-.1.4-.2.6-.2.6-.2 1.1-.3 1.7-.4.5-.1.9-.1 1-.1h.6c1 .7 1.7 1.3 2.1 1.7.4.5.6 1.1.6 1.7-.1 1-.4 1.7-1 2.2zm8.4-10.1v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4z"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
|
|
|
|
|
|
Share <em>7</em>
|
|
|
|
|
|
</a><a href="whatsapp://send?text=Greg%20Berlanti%20Knows%20the%20Secret%20to%20Superhero%20TV%0A%0Ahttp%3A%2F%2Fwww.vulture.com%2F2016%2F08%2Fdc-comics-greg-berlanti-c-v-r.html&mid=whatsapp" class="whatsapp" data-track="Cover: WhatsApp" title="Share on Whatsapp">
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path fill="#26A418" d="M5.4 0h25.2c3 0 5.4 2.4 5.4 5.4v25.2c0 3-2.4 5.4-5.4 5.4h-25.2c-3 0-5.4-2.4-5.4-5.4v-25.2c0-3 2.4-5.4 5.4-5.4z"/>
|
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd" fill="#fff" d="M18.7 7.5c-5.6 0-10.1 4.5-10.1 10.1 0 1.9.5 3.7 1.4 5.2l-1.8 5.4 5.6-1.8c1.4.8 3.1 1.3 4.9 1.3 5.6 0 10.1-4.5 10.1-10.1-.1-5.6-4.6-10.1-10.1-10.1zm0 18.4c-1.7 0-3.3-.5-4.6-1.4l-3.2 1 1-3.1c-1-1.4-1.6-3.1-1.6-4.9 0-4.6 3.8-8.4 8.4-8.4 4.6 0 8.4 3.8 8.4 8.4-.1 4.7-3.8 8.4-8.4 8.4zm4.7-6.1c-.3-.1-1.5-.8-1.7-.9-.2-.1-.4-.1-.6.1l-.9 1c-.2.2-.3.2-.6 0-.3-.1-1.1-.4-2-1.4-.7-.7-1.2-1.6-1.4-1.8-.1-.3 0-.4.1-.5l.4-.4c.1-.1.2-.2.3-.4.1-.2.1-.3 0-.4-.1-.1-.5-1.4-.7-1.9-.2-.5-.4-.4-.6-.5h-.5c-.2 0-.5 0-.7.3-.2.2-.9.8-1 2.1 0 1.3.8 2.5.9 2.7.1.2 1.7 2.9 4.2 4 2.6 1.1 2.6.8 3.1.8s1.5-.6 1.8-1.2c.2-.6.3-1.1.2-1.2.1-.2-.1-.2-.3-.4z"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
|
|
|
|
|
|
Share
|
|
|
|
|
|
</a><a href="mailto:?subject=Greg%20Berlanti%20Knows%20the%20Secret%20to%20Superhero%20TV&body=I%20saw%20this%20on%20Vulture%20and%20thought%20you%20might%20be%20interested...%0A%0AGreg%20Berlanti%20Knows%20the%20Secret%20to%20Superhero%20TV%0AWith%20four%20successful%20shows%2C%20the%20veteran%20showrunner%20has%20found%20a%20way%20to%20make%20DC%E2%80%99s%20heroes%20succeed%20on%20the%20small%20scre...%0Ahttp%3A%2F%2Fwww.vulture.com%2F2016%2F08%2Fdc-comics-greg-berlanti-c-v-r.html%3Fmid%3Demailshare%5Fvulture" class="email" data-track="Cover: Email" title="Share via email">
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="21" height="16" viewBox="0 0 21 16" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path d="M20.1.6h-19.2l9.6 9.3 9.6-9.3zm.9 15.1v-14.3l-10.5 10.2-10.5-10.2v14.3l5.7-7.5 1 .9-5.9 7.7h19.4l-5.9-7.6 1-.9 5.7 7.4z"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
|
|
|
|
|
|
Email
|
|
|
|
|
|
</a><a href="#comments" class="comments" data-track="Cover: comments" title="View Comments"><svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="17" height="18" viewBox="0 0 17 18" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path d="M15.1.9h-12.9c-.9 0-1.5.7-1.5 1.6v9.3c0 .8.6 1.5 1.5 1.5h2.3l4.2 4.6v-4.6h6.4c.9 0 1.6-.6 1.6-1.5v-9.3c0-.9-.7-1.6-1.6-1.6z" fill="#FFE400"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
<span></span></a><a href="javascript:window.print();window.location.reload();" class="print" data-track="Cover: Print" title="Print this article">
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd" fill="#BCBCBC" d="M27.4 13.2v1.8c0 1.9-1.5 3.5-3.5 3.5h-12.1c-1.9 0-3.5-1.5-3.5-3.5v-1.7c-1.9 0-3.5 1.5-3.5 3.5v6.9c0 1.9 1.5 3.5 3.5 3.5h19c1.9 0 3.5-1.5 3.5-3.5v-6.9c.1-2-1.5-3.6-3.4-3.6zm0 10.4h-3.5v-1.7h3.5v1.7zm-13.8-6.9h8.7c1.9 0 3.5-1.5 3.5-3.5v-1.7c0-1.9-1.5-3.5-3.5-3.5h-8.7c-1.9 0-3.5 1.5-3.5 3.5v1.7c0 1.9 1.6 3.5 3.5 3.5z"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
|
|
|
|
|
|
<span>Print</span>
|
|
|
|
|
|
</a><button class="close"><svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path d="M36.2,15.2l-0.8-0.8c-0.4-0.4-1.2-0.4-1.6,0L25.2,23l-8.9-9c-0.4-0.4-1.2-0.4-1.6,0l-0.8,0.8c-0.4,0.4-0.4,1.2,0,1.6
|
|
|
|
|
|
l8.9,8.9l-8.5,8.5c-0.4,0.4-0.4,1.2,0,1.6l0.8,0.8c0.4,0.4,1.2,0.4,1.6,0l8.5-8.5l8.1,8.1c0.4,0.4,1.2,0.4,1.6,0l0.8-0.8
|
|
|
|
|
|
c0.4-0.4,0.4-1.2,0-1.6l-8.1-8.1l8.5-8.5C36.6,16.4,36.6,15.7,36.2,15.2z"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
</button>
|
|
|
|
|
|
<span class="share-text">Share</span>
|
|
|
|
|
|
</aside>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</header>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="body">
|
|
|
|
|
|
|
|
|
|
|
|
<div itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
|
|
|
|
|
|
<meta itemprop="name" content="Vulture"/>
|
|
|
|
|
|
<link itemprop="sameAs" href="http://www.vulture.com/"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<meta itemprop="url" content="http://www.vulture.com/2016/08/dc-comics-greg-berlanti-c-v-r.html"/><figure data-component="img" class="img horizontal primary" itemprop="image" itemscope itemtype="http://schema.org/ImageObject" data-site-id="vulture">
|
|
|
|
|
|
<div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<img srcset="//pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-lede.w529.h352.jpg 1x, //pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-lede.w529.h352.2x.jpg 2x" src="//pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-lede.w529.h352.jpg" alt="" itemprop="contentUrl">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<aside>
|
|
|
|
|
|
<button class="enlarge" data-track="Enlarge"><svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path d="M33.37 29.726l-4.381-4.381c4.522-6.204 3.961-15.002-1.647-20.61-3.014-3.014-7.045-4.697-11.322-4.697-4.276 0-8.307 1.647-11.322 4.697-6.239 6.239-6.239 16.369 0 22.608 3.014 3.014 7.045 4.697 11.322 4.697 3.4 0 6.625-1.052 9.324-3.014l4.346 4.346c.491.491 1.157.771 1.823.771.666 0 1.332-.245 1.823-.771 1.052-.981 1.052-2.629.035-3.645zm-8.798-5.118c-2.278 2.278-5.328 3.54-8.553 3.54-3.225 0-6.274-1.262-8.553-3.54-4.732-4.732-4.732-12.408 0-17.105 2.278-2.278 5.328-3.54 8.553-3.54 3.225 0 6.274 1.262 8.553 3.54 4.732 4.732 4.732 12.408 0 17.105zm-2.699-9.92h-4.452v-4.487c0-.701-.596-1.297-1.297-1.297s-1.297.596-1.297 1.297v4.452h-4.452c-.701 0-1.297.596-1.297 1.297s.596 1.297 1.297 1.297h4.452v4.487c0 .701.596 1.297 1.297 1.297s1.297-.596 1.297-1.297v-4.452h4.452c.701 0 1.297-.596 1.297-1.297 0-.736-.561-1.297-1.297-1.297z"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
</button>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="pinterest" data-href="description=&media=http:%2F%2Fpixel.nymag.com%2Fimgs%2Fdaily%2Fvulture%2F2016%2F09%2F01%2Fmagazine%2Fberlanti%2F01-berlanti-lede.w715.h476.2x.jpg" data-track="Pinterest Share"><svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd" fill="#CC2127" d="M5.4 0h25.2c3 0 5.4 2.4 5.4 5.4v25.2c0 3-2.4 5.4-5.4 5.4h-25.2c-3 0-5.4-2.4-5.4-5.4v-25.2c0-3 2.4-5.4 5.4-5.4z"/>
|
|
|
|
|
|
<path fill="#fff" d="M18.5 9.3c-5.3 0-8 3.8-8 7 0 1.9.7 3.6 2.3 4.3.3.1.5 0 .6-.3.1-.2.2-.7.2-.9.1-.3 0-.4-.2-.6-.4-.5-.7-1.2-.7-2.2 0-2.8 2.1-5.4 5.5-5.4 3 0 4.7 1.8 4.7 4.3 0 3.2-1.4 6-3.5 6-1.2 0-2-1-1.8-2.2.3-1.4 1-2.9 1-4 0-.9-.5-1.7-1.5-1.7-1.2 0-2.2 1.2-2.2 2.9 0 1.1.4 1.8.4 1.8s-1.2 5.2-1.4 6.1c-.4 1.8-.1 4 0 4.3 0 .1.2.2.3.1.1-.1 1.5-1.9 2-3.7.1-.5.8-3.1.8-3.1.4.7 1.5 1.4 2.7 1.4 3.6 0 6-3.3 6-7.7-.1-3.4-3-6.4-7.2-6.4z"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="fb" data-track="Facebook Share"><svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd" fill="#3E5C9B" d="M5.4 0h25.2c3 0 5.4 2.4 5.4 5.4v25.2c0 3-2.4 5.4-5.4 5.4h-25.2c-3 0-5.4-2.4-5.4-5.4v-25.2c0-3 2.4-5.4 5.4-5.4z"/>
|
|
|
|
|
|
<path fill="#fff" d="M19.4 28v-9.2h4l.6-3.3h-4.6v-2.4c0-1.1.3-1.8 2-1.8h2.6v-3.1c-.4 0-1.1-.2-2.6-.2-3.1 0-5.7 1.8-5.7 5v2.5h-3.7v3.3h3.7v9.2h3.7z"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
|
</aside>
|
|
|
|
|
|
<button class="close"><svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path d="M22.6,1.5 L21.8,0.7 C21.4,0.3 20.6,0.3 20.2,0.7 L11.6,9.3 L2.7,0.3 C2.3,-0.1 1.5,-0.1 1.1,0.3 L0.3,1.1 C-0.1,1.5 -0.1,2.3 0.3,2.7 L9.2,11.6 L0.7,20.1 C0.3,20.5 0.3,21.3 0.7,21.7 L1.5,22.5 C1.9,22.9 2.7,22.9 3.1,22.5 L11.6,14 L19.7,22.1 C20.1,22.5 20.9,22.5 21.3,22.1 L22.1,21.3 C22.5,20.9 22.5,20.1 22.1,19.7 L14,11.6 L22.5,3.1 C23,2.7 23,2 22.6,1.5 L22.6,1.5 Z" fill="#000000"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
</button>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<figcaption itemprop="caption">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<cite>
|
|
|
|
|
|
|
|
|
|
|
|
Illustration:
|
|
|
|
|
|
|
|
|
|
|
|
John Ritter
|
|
|
|
|
|
</cite>
|
|
|
|
|
|
|
|
|
|
|
|
</figcaption>
|
|
|
|
|
|
</figure>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<span class="articleBody" itemprop="articleBody">
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .feature-head.fullWidthImage {
|
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#article-feature #primary .ad.vp-1024-plus {
|
|
|
|
|
|
left: 150px;
|
|
|
|
|
|
margin-left: -115px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.vulture #cover .feature-head.fullWidthImage,
|
|
|
|
|
|
.vulture #cover .feature-head.fullWidthImage .by-authors,
|
|
|
|
|
|
.vulture #cover .feature-head.fullWidthImage .excerpt,
|
|
|
|
|
|
.vulture #cover .feature-head.fullWidthImage h1,
|
|
|
|
|
|
.vulture #cover .feature-head.fullWidthImage .photo-credit {
|
|
|
|
|
|
opacity: .0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.vulture #cover .feature-head.fullWidthImage.fadeIn,
|
|
|
|
|
|
.vulture #cover .feature-head.fullWidthImage .by-authors.fadeIn,
|
|
|
|
|
|
.vulture #cover .feature-head.fullWidthImage .excerpt.fadeIn,
|
|
|
|
|
|
.vulture #cover .feature-head.fullWidthImage h1.fadeIn,
|
|
|
|
|
|
.vulture #cover .feature-head.fullWidthImage .photo-credit.fadeIn {
|
|
|
|
|
|
-webkit-animation: coverHeadFadeIn 700ms cubic-bezier(0.640, 0.295, 0.855, 0.515) forwards;
|
|
|
|
|
|
-moz-animation: coverHeadFadeIn 700ms cubic-bezier(0.640, 0.295, 0.855, 0.515) forwards;
|
|
|
|
|
|
-o-animation: coverHeadFadeIn 700ms cubic-bezier(0.640, 0.295, 0.855, 0.515) forwards;
|
|
|
|
|
|
animation: coverHeadFadeIn 700ms cubic-bezier(0.640, 0.295, 0.855, 0.515) forwards;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@-webkit-keyframes coverHeadFadeIn {
|
|
|
|
|
|
0% {
|
|
|
|
|
|
opacity: .0;
|
|
|
|
|
|
}
|
|
|
|
|
|
98% {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
100% {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@-moz-keyframes coverHeadFadeIn {
|
|
|
|
|
|
0% {
|
|
|
|
|
|
opacity: .0;
|
|
|
|
|
|
}
|
|
|
|
|
|
98% {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
100% {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@-o-keyframes coverHeadFadeIn {
|
|
|
|
|
|
0% {
|
|
|
|
|
|
opacity: .0;
|
|
|
|
|
|
}
|
|
|
|
|
|
98% {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
100% {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@keyframes coverHeadFadeIn {
|
|
|
|
|
|
0% {
|
|
|
|
|
|
opacity: .0;
|
|
|
|
|
|
}
|
|
|
|
|
|
98% {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
100% {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
|
|
|
|
|
|
(function() {
|
|
|
|
|
|
'use strict'
|
|
|
|
|
|
|
|
|
|
|
|
var image, author, excerpt, headline, i, photoCredit;
|
|
|
|
|
|
|
|
|
|
|
|
function animateText(domObj) {
|
|
|
|
|
|
setTimeout(function () {
|
|
|
|
|
|
domObj.classList.add('fadeIn');
|
|
|
|
|
|
}, 450);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function animateTextGroup(domObjArray) {
|
|
|
|
|
|
i = 0;
|
|
|
|
|
|
var animationInterval = setInterval(function() {
|
|
|
|
|
|
animateText(domObjArray[i]);
|
|
|
|
|
|
i++;
|
|
|
|
|
|
if (i === domObjArray.length) {
|
|
|
|
|
|
clearInterval(animationInterval);
|
|
|
|
|
|
}
|
|
|
|
|
|
}, 350);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function insertAfter(newNode, referenceNode) {
|
|
|
|
|
|
referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function onLoad() {
|
|
|
|
|
|
image = document.querySelector('.feature-head.fullWidthImage'),
|
|
|
|
|
|
author = document.querySelector('.feature-head .by-authors'),
|
|
|
|
|
|
excerpt = document.querySelector('.feature-head .excerpt'),
|
|
|
|
|
|
headline = document.querySelector('.feature-head h1'),
|
|
|
|
|
|
photoCredit = document.querySelector('.feature-head .photo-credit');
|
|
|
|
|
|
|
|
|
|
|
|
animateTextGroup([image, headline, excerpt, author, photoCredit]);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
document.addEventListener('DOMContentLoaded', onLoad, false);
|
|
|
|
|
|
})();
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<p>It’s been a rough year at the movies for DC Comics. <i><a data-track="Body Text Link: Internal: vulture" href="http://www.vulture.com/2016/03/review-batman-v-superman-a-confused-epic.html">Batman v Superman: Dawn of Justice</a></i> and <i><a data-track="Body Text Link: Internal: vulture" href="http://www.vulture.com/2016/08/review-suicide-squad-is-deathly-unentertaining.html">Suicide Squad</a></i> opened to abysmal reviews, leaving DC parent company Warner Bros. scrambling to figure out a new strategy for the cineplex. But that kind of panic is absent on the small screen, where DC superheroes are actually having a particularly vital moment, thanks largely to producer Greg Berlanti.</p>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 1024px){
|
|
|
|
|
|
.ad.vp-1024-plus { display: block; }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div data-component="ad" class="ad vp-1024-plus" data-name="/4088/nym.vulture/tv" data-sizes="300x250"></div>
|
|
|
|
|
|
<p>How did it happen? While DC’s films tend to be sludge-heavy epics filled with murder and overcooked pathos, the superhero shows in the so-called Berlantiverse quartet (<i><a data-track="Body Text Link: Internal: vulture" href="http://www.vulture.com/tv/arrow/">Arrow</a>, <a data-track="Body Text Link: Internal: vulture" href="http://www.vulture.com/tv/the-flash/">The Flash</a>, <a data-track="Body Text Link: Internal: vulture" href="http://www.vulture.com/tv/supergirl/">Supergirl</a>,</i> and <i><a data-track="Body Text Link: Internal: vulture" href="http://www.vulture.com/tv/legends-of-tomorrow/">Legends of Tomorrow</a></i>) airing on the CW are built on peppy banter, buoyant action, and will-they-or-won’t-they sex appeal. Simply put, Berlanti’s shows are fun in a way that DC’s movies aren’t. Here, the 44-year-old explains his approach.</p>
|
|
|
|
|
|
|
|
|
|
|
|
<p><b>Critics of DC’s recent movies have said they’re too dark, which isn’t something anyone is likely to say about your shows. </b><br /> Hope and optimism have always been a part of who these characters are. They’re beacons of hope in scary times, and that’s perhaps why they’re resonating again. It’s an uncertain era, and there’s a certitude about these characters. A big part of that is that they see a better outcome.</p>
|
|
|
|
|
|
|
|
|
|
|
|
<p><b>Is that part of what makes superhero stories unique? <br /> </b>They’re aspirational stories that are a fusion of different elements. But in a particular moment they can be anything. Some days on <i>The Flash,</i> we’re making a family show, and there are other days where we’re making a crime show. Then, in the next hour, the whole cast might have to turn around and do a huge visual-effects sequence, and then in the next hour, they’ll have to turn around and do something comedic. At the same time, they’re really grounded in basic truths of, <i>Can you overcome? What does it take?</i><b></b></p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<aside data-component="img-block" class="img-block invisible">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="images">
|
|
|
|
|
|
<figure class="img-unit single" itemprop="image" itemscope itemtype="http://schema.org/ImageObject">
|
|
|
|
|
|
<img class="img" srcset="//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-greg-berlanti.w668.jpg 668w, //pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-greg-berlanti.w1024.jpg 1024w" sizes="(max-width: 668px) 668px, 1024px" src="//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-greg-berlanti.w1024.jpg" alt="" itemprop="contentUrl">
|
|
|
|
|
|
|
|
|
|
|
|
</figure>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span class="credit">Photograph by Nathaniel Wood</span>
|
|
|
|
|
|
</aside>
|
|
|
|
|
|
<p><b>Is TV just a better medium than movies for what you believe superhero stories do best?<br /> </b>TV lends itself a bit more to comic books. Comics are ongoing. You get these twists and turns in the narrative and go deeper in smaller moments into these characters’ lives. You don’t have to keep a high-octane train moving at all times. I think one of the joys of television in general, versus film, is that things get to settle. TV’s job is to make you lean in, and a film’s job is to make you lean back. <b></b></p>
|
|
|
|
|
|
|
|
|
|
|
|
<p><b>What comic books did you read growing up?<br>
|
|
|
|
|
|
</b>I read some Marvel, but I was more of a DC guy. Particularly the Flash, <span class="footnoteLink">Barry Allen.<span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-1.w190.h190.jpg">Created in 1956, Barry Allen is a police scientist with super-speed who goes by the nom de guerre “the Flash.” Others have used that moniker, but he’s the most famous</span></span> I latched on to him because I felt like him. You thought to yourself, <i>Well, you can’t really be Superman.</i> You couldn’t really be Batman — Batman was a really dark figure. I identified with Barry Allen’s hopefulness. <b></b></p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.ad.vp-0-600 { display: block; }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div data-component="ad" class="ad vp-0-600" data-name="/4088/vulture_mobile/tv" data-sizes="300x250,320x50,320x100"></div>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.ad.vp-600-1024 { display: block; }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div data-component="ad" class="ad vp-600-1024" data-name="/4088/nym.vulture/tv" data-sizes="300x250"></div>
|
|
|
|
|
|
<p><b>Were there things about superhero comics that spoke to you as a gay teen?</b><br /> They were people who were hiding in plain sight. I was so closed off to that part of myself then. I didn’t happen to be one of those gay kids who knew definitively by the time I was 13. I was having a weird amalgamation of emotions, and I identified with a lot of outsider characters. In retrospect, it’s very easy for me to look at it now and go, <i>Oh, it’s because they had this burden of feeling alone.</i> I don’t think people realize the extent to which there was no gay representation then. If you were a kid, there was nothing. People don’t understand, culturally, how it felt. And so here you had these characters who are told they’re special because they’re different, and it’s empowering.</p>
|
|
|
|
|
|
|
|
|
|
|
|
<p><b>Your shows are far more hopeful and romantic than anything in superhero film or even in most superhero comics. Does that come from those feelings you had as a kid?</b><br /> I liked a lot of the unspoken stuff. I would imagine, <i>There’s gotta be some heat that’s passing between Wonder Woman and Superman. He’s in love with Lois Lane, but he and Wonder Woman are out there working together! </i>You start to think about those complications.</p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 1024px){
|
|
|
|
|
|
.ad.vp-1024-plus { display: block; }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div data-component="ad" class="ad vp-1024-plus" data-name="/4088/nym.vulture/tv" data-sizes="300x250"></div>
|
|
|
|
|
|
<p><b>You were seeing things that weren’t necessarily explicit.<br /> </b>Every now and then, someone would make them explicit, and you’d be like, <i>That’s what I was thinking!</i><b></b></p>
|
|
|
|
|
|
|
|
|
|
|
|
<p><b>You got into Barry Allen right around when DC killed him off in a big crossover event.<br>
|
|
|
|
|
|
</b>It was <span class="footnoteLink">his death<span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-2.w190.h190.jpg">In a 1985 story, Barry died while saving the Earth. He came back from the dead in a 2008 comic.</span></span> that drew me to him. I think it was a pivotal moment, realizing how much I connected with the characters. I didn’t expect him to die; I didn’t think you did that in comic books. <span class="footnoteLink">Supergirl actually died<span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-3.w190.h190.jpg">That same 1985 story killed off Superman’s cousin, Supergirl.</span></span> at the same time. But I had a less emotional response to that.</p>
|
|
|
|
|
|
|
|
|
|
|
|
<p><b>A lot of filmmakers talk about how the mid-’80s period of <span class="footnoteLink">DC Comics<span class="footnote">In the mid-1980s, DC published some famously risky stories that had major effects on the history of comics.</span></span> influenced them, but they usually cite the two famously dark works of that era, <span class="footnoteLink"><i>The Dark Knight Returns</i><span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-5.w190.h190.jpg">One of those famous stories was this extremely grim and violent take on Batman.</span></span> and <span class="footnoteLink"><i>Watchmen</i>.<span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-6.w190.h190.jpg">Another of the famous mid-’80s DC comics, this one was a depressing and deconstructionist take on the concept of superheroes.</span></span> Did that stuff have an impact on you?<br>
|
|
|
|
|
|
</b>It didn’t. All my friends were collecting <i>Dark Knight</i> at the time and talking about it and starting to talk about <i>Watchmen,</i> and I was into the <span class="footnoteLink">Marv Wolfman<span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-7.w190.h190.jpg">A veteran comics writer, Wolfman was known in the ’80s as a dependable writer of quality mainstream superhero stories.</span></span> stuff. I was also starting to discover storytelling and writing, and I loved the labyrinthine connective tissue between everything. You really felt like you were in a world. And I didn’t know if we’d be able to do that in the shows. When we started to go there with <span class="footnoteLink"><i>Arrow</i><span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-8.w190.h190.jpg">The first show in the Berlantiverse, <i>Arrow,</i> debuted on the CW in 2012 and follows a vigilante archer named Oliver Queen, who originated in DC Comics.</span></span> and <span class="footnoteLink"><i>Flash</i><span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-9.w190.h190.jpg">The second Berlantiverse show, <i>The Flash,</i> debuted in 2014 and follows Barry Allen — played by actor Grant Gustin — and his friends. It’s the top-rated show on the CW.</span></span> crossing over, it was rewarding. Just as a viewer, I felt like, <i>That’s what it felt like when I read the comic book.</i> I wasn’t sure if I would have that same feeling. If you would feel like the worlds could cross and it wouldn’t damage either of them, it would just make both of them feel larger.</p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.ad.vp-0-600 { display: block; }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div data-component="ad" class="ad vp-0-600" data-name="/4088/vulture_mobile/tv" data-sizes="300x250,320x50,320x100"></div>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.ad.vp-600-1024 { display: block; }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div data-component="ad" class="ad vp-600-1024" data-name="/4088/nym.vulture/tv" data-sizes="300x250"></div>
|
|
|
|
|
|
<p><b>Were there worlds like that on television that you enjoyed? Places where crossovers and complex universes existed?<br /> </b><i>The Six Million Dollar Man</i> and <i>The Bionic Woman.</i> Someone pointed out in the room the other day that, in terms of epic crossovers that don’t get enough conversation, there’s the<i> Magnum, P.I.</i>–<i>Murder, She Wrote</i> <span class="footnoteLink">crossover.<span class="footnote">Angela Lansbury’s golden-ager sleuth traveled to Hawaii to help Tom Selleck’s wry P.I. investigate an attempted murder.</span></span> That exists! I remember getting very excited.</p>
|
|
|
|
|
|
|
|
|
|
|
|
<p><b>What did you want to do differently with <i>Arrow</i> compared to what had been done in past superhero TV shows?<br /> </b><i><a data-track="Body Text Link: Internal: vulture" href="http://www.vulture.com/tv/homeland/">Homeland</a></i> had just come out at the time, and thank God it did, because we referenced it a lot in our conversations with the studio and the network. There was this guy who disappeared and comes back and was clearly tortured both physically and mentally. There was that sense of, <i>Is he good? Is he bad?</i> He’s still trying to figure it out. What happened to him there? What’s happening to him now? All of that mystery that surrounded him was something that was really intriguing to us.<b></b></p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 1024px){
|
|
|
|
|
|
.ad.vp-1024-plus { display: block; }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div data-component="ad" class="ad vp-1024-plus" data-name="/4088/nym.vulture/tv" data-sizes="300x250"></div>
|
|
|
|
|
|
<p><b>Plus, <span class="footnoteLink">Stephen Amell,<span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-11.w190.h190.jpg">Amell plays <i>Arrow</i>’s crime-fighting protagonist, Oliver Queen. The actor was a relative unknown when he was cast, but his muscular frame and charismatic delivery made him an ideal pick for the role.</span></span> your lead, was incredibly hot. Your shows’ sexual perspective is pretty interesting in general: The men are the eye candy much more than the women. Amell spends like half of any given episode topless.<br>
|
|
|
|
|
|
</b>I know. I will say there are so many other, straight people involved in this that you could credit for that over me. We actually never saw what [Amell] looked like underneath his shirt when we cast him. It wasn’t until he started working out for the part and sending us videos while he was training that we said, “Oh, he can do the <span class="footnoteLink">salmon ladder.<span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-12.w190.h190.jpg">An extremely difficult piece of workout equipment, a salmon ladder requires a user to lift his body up on a pull-up bar, then use momentum to move the pull-up bar to a series of progressively higher hooks on each pull-up. Oliver uses it repeatedly in <i>Arrow,</i> usually while shirtless.</span></span> Put that in.” When I see stuff like that in the dailies, I’m not afraid of it. There was the boy in me that loved comic books who loved some of those scenes in that for the superhero-ness, and then there was the person in me who didn’t mind having a hot guy doing the salmon ladder.</p>
|
|
|
|
|
|
|
|
|
|
|
|
<p><b>What was your first superhero project? Was there something early on that never came to fruition?<br>
|
|
|
|
|
|
</b>I kept telling people in the industry that I loved comic books as a kid when <span class="footnoteLink"><i>Iron Man</i><span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-13.w190.h190.jpg">The 2008 hit that launched the cinematic universe of DC’s mortal enemy, Marvel Comics.</span></span> hadn’t been made yet. I pitched on that.</p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.ad.vp-0-600 { display: block; }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div data-component="ad" class="ad vp-0-600" data-name="/4088/vulture_mobile/tv" data-sizes="300x250,320x50,320x100"></div>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.ad.vp-600-1024 { display: block; }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div data-component="ad" class="ad vp-600-1024" data-name="/4088/nym.vulture/tv" data-sizes="300x250"></div>
|
|
|
|
|
|
<p><b>You pitched an <i>Iron Man </i>movie? <br /> </b>I did, yeah. Somewhere around 2005.<b></b></p>
|
|
|
|
|
|
|
|
|
|
|
|
<p><b>What was your pitch?<br>
|
|
|
|
|
|
</b>There was that movie with Nic Cage where he’s a gunrunner. <span class="footnoteLink"><i>Lord of War</i>.<span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-14.w190.h190.jpg">A 2005 Andrew Niccol film starring Nicolas Cage, who plays an arms dealer. <i>Iron Man</i>’s star, Tony Stark, also sells deadly weaponry.</span></span> Marvel wanted that feeling. Tony [Stark] was an alcoholic in it by then. My pitch certainly wasn’t as good as the eventual film. So everyone made the right choice. My agents at the time were like, “You like comic books?” And so then I pitched Warner Bros. on <span class="footnoteLink"><i>Green Lantern</i>.<span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-15.w190.h190.jpg">A 2011 Warner Bros. flop based on a long-running, sci-fi-themed DC Comics character of the same name. Berlanti and two partners co-wrote a screenplay for it in 2008, and although they received writing credits, extensive rewrites meant the finished product barely resembled their original script.</span></span></p>
|
|
|
|
|
|
|
|
|
|
|
|
<p><b>I read your original script for <i>Green Lantern</i> and was struck by how wildly different it is from the very grim direction the DC film universe has since gone in. What were you and your co-writers going for?<br /> </b>We talked a lot about <i>Top Gun</i> meets a space opera. <b></b></p>
|
|
|
|
|
|
|
|
|
|
|
|
<p><b>But things didn’t go well for that script. The eventual movie warped it pretty insanely out of shape and the movie flopped. What did you learn from the <i>Green Lantern</i> experience?<br /> </b>That I would rather make my own mistakes and learn from them than have other people take the material. If you’re not executing it, if you’re not there, not everybody can know what’s in your head. The devil is in the details, whether it’s in a piece of casting or whether it’s an action scene being representative of the character. So when I eventually got back to Warner Bros. after <i>Green Lantern,</i> they said, “Well, you’ve worked on DC material before. Do you want to make a DC show?” I was hesitant. <b></b></p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<aside data-component="img-block" class="img-block invisible">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="images">
|
|
|
|
|
|
<figure class="img-unit" itemprop="image" itemscope itemtype="http://schema.org/ImageObject">
|
|
|
|
|
|
<img class="img" srcset="//pixel.nymag.com/imgs/daily/vulture/2016/09/06/06-greg-berlanti-3.w668.jpg 668w, //pixel.nymag.com/imgs/daily/vulture/2016/09/06/06-greg-berlanti-3.w1024.jpg 1024w" sizes="(max-width: 668px) 668px, 1024px" src="//pixel.nymag.com/imgs/daily/vulture/2016/09/06/06-greg-berlanti-3.w1024.jpg" alt="" itemprop="contentUrl">
|
|
|
|
|
|
|
|
|
|
|
|
</figure><figure class="img-unit" itemprop="image" itemscope itemtype="http://schema.org/ImageObject">
|
|
|
|
|
|
<img class="img" srcset="//pixel.nymag.com/imgs/daily/vulture/2016/09/06/06-greg-berlanti-4.w668.jpg 668w, //pixel.nymag.com/imgs/daily/vulture/2016/09/06/06-greg-berlanti-4.w1024.jpg 1024w" sizes="(max-width: 668px) 668px, 1024px" src="//pixel.nymag.com/imgs/daily/vulture/2016/09/06/06-greg-berlanti-4.w1024.jpg" alt="" itemprop="contentUrl">
|
|
|
|
|
|
|
|
|
|
|
|
</figure>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span class="credit">Photographs by Nathaniel Wood</span>
|
|
|
|
|
|
</aside>
|
|
|
|
|
|
<p><b>Your first superhero property is one most people have forgotten, <span class="footnoteLink"><i>No Ordinary Family</i><span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-16.w190.h190.jpg">A comedy-drama TV series co-created by Berlanti, <i><a data-track="Body Text Link: Internal: vulture" href="http://www.vulture.com/2010/10/tv_review_no_ordinary_family_a.html">No Ordinary Family</a></i> followed a family with superpowers. It debuted in 2010 and was canceled after one season.</span></span> on ABC. You’ve called it a learning experience. <br>
|
|
|
|
|
|
</b>The lesson was not to change the DNA of what you promise to the audience, even if the network goes, “We don’t want that.” [ABC] didn’t want superpowered villains. They wanted <i>Bewitched</i> with powers, if you can imagine. And I wanted to make a superhero show! Another lesson was: Visual effects in a superhero show on a TV budget executed on TV production time was not a threshold we were ready to cross. We just didn’t have the science. It wasn’t until <i>Flash</i> that enough advancements in technology for TV had happened. Not that we are at a cinematic level, necessarily, but with <i>Flash,</i> his powers are a big part of why you enjoy him. Twenty-five percent of the show is animated. Sometimes it takes from that moment we start writing the story to two days before it airs to complete a given visual-effects sequence. I didn’t know how to do that when we were doing <i>No Ordinary Family.</i></p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 1024px){
|
|
|
|
|
|
.ad.vp-1024-plus { display: block; }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div data-component="ad" class="ad vp-1024-plus" data-name="/4088/nym.vulture/tv" data-sizes="300x250"></div>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.ad.vp-0-600 { display: block; }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div data-component="ad" class="ad vp-0-600" data-name="/4088/vulture_mobile/tv" data-sizes="300x250,320x50,320x100"></div>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.ad.vp-600-1024 { display: block; }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div data-component="ad" class="ad vp-600-1024" data-name="/4088/nym.vulture/tv" data-sizes="300x250"></div>
|
|
|
|
|
|
<p><b>We live in this era of the television hyperproducer who oversees an empire of shows. Shonda Rhimes’s is the main name thrown around in discussions about that phenomenon, but you’re another one of those folks. How do you, specifically with the DC shows, make sure that all these similar and <span class="footnoteLink">sometimes-interlocking<span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-17.w190.h190.jpg">There are periodic crossovers between the Berlantiverse shows: Oliver has trained Barry, Barry has fought crime alongside Supergirl, and the<i> Legends of Tomorrow</i> cast is composed almost entirely of characters from <i>Arrow </i>and <i>The Flash</i>.</span></span> stories sync up?<br>
|
|
|
|
|
|
</b>I’m in each of the story rooms every day. I go through each of the shows. There are things I miss, but there’s me, the showrunners are talking to each other, then the studio executives, and then the network executives. Four different groups are giving notes, so if I miss something, someone will catch it. That being said, we still make those mistakes. When you start incorporating time travel or parallel universes …</p>
|
|
|
|
|
|
|
|
|
|
|
|
<p><b>To what extent are the comics R&D for the TV and movie properties? Does DC Comics president Geoff Johns come to you and say, “Hey, here’s something we tried out in a comic. Let’s try it here”?<br>
|
|
|
|
|
|
</b>Sometimes, or he has other executives mention that to us. They said to us a year and a half before they started developing <i>Suicide Squad,</i> “Will you guys put [a version of] the Suicide Squad in your show? Because we want to have it as a film at some point.” It also happened with Geoff when Geoff and Andrew [Kreisberg] and I were creating <i>Flash.</i> They were both really huge fans of Cisco Ramon, [also known as] <span class="footnoteLink">Vibe,<span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-18.w190.h190.jpg">Created in a 1984 comic, Cisco Ramon, a.k.a. Vibe, is a relatively minor DC hero, played by Carlos Valdes, who acts as one of the stars of <i>The Flash</i>.</span></span> and had written a <i>Vibe</i> comic [in 2013] to try and bring him back. They said, “Could we please have Vibe on the show?”</p>
|
|
|
|
|
|
|
|
|
|
|
|
<p><b>Do you pay much attention to what Marvel’s doing?<br>
|
|
|
|
|
|
</b>We talk about how they show a superpower. For instance, we were in the middle of postproduction on <i>Flash</i> when Bryan Singer did that sequence with <span class="footnoteLink">Quicksilver.<span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-19.w190.h190.jpg">In the 2014 film <i><a data-track="Body Text Link: Internal: vulture" href="http://www.vulture.com/2014/05/movie-review-x-men-days-of-future-past.html">X-Men: Days of Future Past</a>,</i> a Marvel Comics adaptation directed by Bryan Singer, a super-swift character named Quicksilver saves the day in an innovative scene when he moves so fast that time appears to freeze for everyone but him.</span></span> We were talking about that in terms of our version of Flash.</p>
|
|
|
|
|
|
|
|
|
|
|
|
<p><b>When you were developing <span class="footnoteLink"><i>Supergirl</i><span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-20.w190.h190.jpg">Debuting on CBS in 2015, <i>Supergirl</i> was the first Berlantiverse show to appear on a broadcast network. It follows Superman’s cousin, who balances crime-fighting with work at a media conglomerate.</span></span> and you were saying, “We want Jimmy Olsen to be black,” was there anyone in the room going “Hmm”?<br>
|
|
|
|
|
|
</b>People go, “Do you want to do it just to do it?” You think the answer to that should be “Yeah,” but truthfully, we saw <span class="footnoteLink">Mehcad Brooks<span class="footnote"><img class="footnoteImage" src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-21.w190.h190.jpg">The actor who plays one of <i>Supergirl</i>’s leads, Superman’s pal Jimmy Olsen (now going by “James”).</span></span> in the part. It was colorblind casting. We were auditioning white dudes, too, but he won it in the room. I remember picking up the phone and calling [Warner Bros. Television president] Peter Roth and saying, “You’re going to see this guy Mehcad, he’s Jimmy Olsen. He happens to not be white.” He was like, “Wow, that’s new.”</p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.ad.vp-0-600 { display: block; }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div data-component="ad" class="ad vp-0-600" data-name="/4088/vulture_mobile/tv" data-sizes="300x250,320x50,320x100"></div>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.ad.vp-600-1024 { display: block; }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div data-component="ad" class="ad vp-600-1024" data-name="/4088/nym.vulture/tv" data-sizes="300x250"></div>
|
|
|
|
|
|
<p><b>When did you realize that racial representation was important to you?<br>
|
|
|
|
|
|
</b>On <span class="footnoteLink"><i>Everwood</i>,<span class="footnote"><img src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-22.w190.h190.jpg" class="footnoteImage">The first show Berlanti created, <i><a data-track="Body Text Link: Internal: vulture" href="http://www.vulture.com/2014/08/chris-pratt-great-moments-everwood.html">Everwood</a></i> followed a small-town doctor played by Treat Williams and ran for four seasons, from 2002 to 2006.</span></span> we had an interracial relationship. But it’s been since we started doing superhero shows. We created <span class="footnoteLink">Diggle<span class="footnote"><img src="http://pixel.nymag.com/imgs/daily/vulture/2016/09/01/magazine/berlanti/01-berlanti-23.w190.h190.jpg" class="footnoteImage">Oliver’s comrade in arms on <i>Arrow</i>, played by David Ramsey.</span></span> with that reason in mind. Now we’re trying to add more LGBT characters. Diversity is a vital part of the show — and it’s important behind the camera, too. This is the first season where 50 percent of <i>Arrow</i>'s episodes will be directed by people who are not white men.<b></b></p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 1024px){
|
|
|
|
|
|
.ad.vp-1024-plus { display: block; }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div data-component="ad" class="ad vp-1024-plus" data-name="/4088/nym.vulture/tv" data-sizes="300x250"></div>
|
|
|
|
|
|
<p><b>In your years in the business, have you seen a change in the degree to which executives push back on casting nonwhites as leads?<br /> </b>Absolutely. Thank God. It’s one of the most striking changes of the last ten years. I wouldn’t put a show up of all white people, but people were doing that six or seven years ago. You see that now and you’re like, “That’s the Republican convention. That’s not America.” <b></b></p>
|
|
|
|
|
|
|
|
|
|
|
|
<p><i>*This article appears in the September 5, 2016 issue of </i>New York <i>Magazine.</i></p>
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
.vulture .feature-head .by-authors .twitter {
|
|
|
|
|
|
display: none !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
|
@media screen and (min-width: 1700px) {
|
|
|
|
|
|
.vulture .feature-head.fullWidthImage .lede .excerpt {
|
|
|
|
|
|
font-size: 1.5vw;
|
|
|
|
|
|
width: 80%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.vulture .feature-head.fullWidthImage .lede h1 {
|
|
|
|
|
|
font-size: 7vw;
|
|
|
|
|
|
line-height: .85;
|
|
|
|
|
|
}
|
|
|
|
|
|
.vulture .feature-head.fullWidthImage .lede {
|
|
|
|
|
|
width: 40%;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 64em) {
|
|
|
|
|
|
.footnoteLink { border-bottom: 1px solid #F29595; cursor: pointer; margin-right:1.4rem; }
|
|
|
|
|
|
.footnote { background-color: #fff; border-top: 2px solid #F29595; border-bottom: 2px solid #F29595; font-size: 1.2rem; font-weight: normal; height: auto; left:-140px; line-height: 1.4; margin-top:-20px; min-height: 50px; opacity: 0; padding: .85rem 0; position: absolute; width: 120px; visibility: hidden; z-index: 1; -webkit-transition: opacity .25s, visibility .25s; -moz-transition: opacity .25s, visibility .25s; transition: opacity .25s, visibility .25s; }
|
|
|
|
|
|
.footnoteLink:hover .footnote { visibility: visible; opacity: 1; }
|
|
|
|
|
|
.footnoteLink .footnoteNumber { color: #D84747; font-family: Arial, sans-serif; font-size:1rem; font-weight:normal; margin-left:2px; margin-top:-5px; position: absolute; }
|
|
|
|
|
|
.footnoteImage { padding: .65rem 0rem; width: 100%; }
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 63.994em) and (min-width: 37.5em) {
|
|
|
|
|
|
.footnoteLink { border-bottom: 1px solid #ff0000; cursor: pointer; margin-right:1.4rem; }
|
|
|
|
|
|
.footnoteLink .footnoteNumber { color: #D84747; font-family: Arial, sans-serif; font-size:1rem; font-weight:normal; margin-top:-5px; position: absolute; margin-left:2px; }
|
|
|
|
|
|
.footnote { background-color: #fff; border-radius:2px; border: 2px solid #F29595; font-size: 1.6rem; font-weight:normal; height: auto; left:-10px; line-height: 1.4; margin-top:-20px; min-height: 50px; opacity: 0; padding: .85rem 1rem; position: absolute; visibility: hidden; width: 50%; z-index: 1; -webkit-transition: opacity .25s, visibility .25s; -moz-transition: opacity .25s, visibility .25s; transition: opacity .25s, visibility .25s; }
|
|
|
|
|
|
.footnoteLink.showing .footnote { visibility: visible; opacity: 1; }
|
|
|
|
|
|
.footnoteImage { padding: .65rem 0rem; width: 100%; }
|
|
|
|
|
|
.img-block .img-unit .caption, .img-block .img-unit.single .caption {
|
|
|
|
|
|
width: 100% !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 37.494em) and (min-width: 0) {
|
|
|
|
|
|
.footnoteLink { border-bottom: 1px solid #ff0000; cursor: pointer; margin-right:1.4rem; }
|
|
|
|
|
|
.footnoteLink .footnoteNumber { color: #D84747; font-family: Arial, sans-serif; font-size:1rem; font-weight:normal; margin-top:-5px; position: absolute; margin-left:2px; }
|
|
|
|
|
|
.footnote { background-color: #fff; border-radius:2px; border: 2px solid #F29595; font-size: 1.4rem; font-weight:normal; height: auto; left:0; line-height: 1.5; margin-top:-30px; min-height: 50px; opacity: 0; padding: .85rem 1rem; position: absolute; visibility: hidden; width: 100%; z-index: 1; -webkit-transition: opacity .25s, visibility .25s; -moz-transition: opacity .25s, visibility .25s; transition: opacity .25s, visibility .25s; }
|
|
|
|
|
|
.footnoteLink.showing .footnote { visibility: visible; opacity: 1;}
|
|
|
|
|
|
.footnote:after {content: "— tap to close —"; font-family: Arial, sans-serif; color: #a0a0a0; display: block; padding: 8px 0px 8px 0px;
|
|
|
|
|
|
font-size: 1.18rem; }
|
|
|
|
|
|
.footnoteImage { display: block; margin-left: auto; margin-right: auto; padding: .75rem 0rem; width: 100%;}
|
|
|
|
|
|
#article-feature #primary {
|
|
|
|
|
|
padding-top: 0 !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media print {
|
|
|
|
|
|
.footnoteLink { display: none !important;}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script><script>
|
|
|
|
|
|
|
|
|
|
|
|
$( document ).ready( function() {
|
|
|
|
|
|
|
|
|
|
|
|
$(".story").on("mouseover", ".footnoteLink", function() {
|
|
|
|
|
|
window.G.readOmnitureOnPageView(true, "", "Vulture: Feature: Greg Berlanti: Footnote: Hover");
|
|
|
|
|
|
});
|
|
|
|
|
|
$(".story").on("click", ".footnoteLink", function() {
|
|
|
|
|
|
$(this).toggleClass("showing");
|
|
|
|
|
|
window.G.readOmnitureOnPageView(true, "", "Vulture: Feature: Greg Berlanti: Footnote: Mobile");
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
$(".footnoteLink").each(function(i){
|
|
|
|
|
|
$(this).append("<span class='footnoteNumber'>"+(i+1)+"</span>");
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
</script>
|
|
|
|
|
|
</span></div>
|
|
|
|
|
|
|
|
|
|
|
|
<footer></footer>
|
|
|
|
|
|
</article>
|
|
|
|
|
|
</main>
|
|
|
|
|
|
<nav data-component="tags" class="tags">
|
|
|
|
|
|
<h2>Tags:</h2><a href="//www.vulture.com/news/dc-comics/" data-track>dc comics</a><a href="//www.vulture.com/news/greg-berlanti/" data-track>greg berlanti</a><a href="//www.vulture.com/news/arrow/" data-track>arrow</a><a href="//www.vulture.com/news/the-flash/" data-track>the flash</a><a href="//www.vulture.com/news/supergirl/" class="hide" data-track>supergirl</a><a href="//www.vulture.com/news/legends-of-tomorrow/" class="hide" data-track>legends of tomorrow</a><a href="//www.vulture.com/news/vulture-cover-story/" class="hide" data-track>vulture cover story</a><a href="//www.vulture.com/news/superhero-movies/" class="hide" data-track>superhero movies</a><a href="//www.vulture.com/news/new-york-magazine/" class="hide" data-track>new york magazine</a><a href="//www.vulture.com/news/tv/" class="hide" data-track>tv</a><a href="#" class="more">More</a>
|
|
|
|
|
|
</nav>
|
|
|
|
|
|
|
|
|
|
|
|
<section data-component="share-mini" class="share-mini">
|
|
|
|
|
|
<a class="fb" target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=http://www.vulture.com/2016/08/dc-comics-greg-berlanti-c-v-r.html%3Fmid%3Dfb-share-vulture" data-track="Bottom: Facebook">
|
|
|
|
|
|
<svg role="presentation" width="12" height="20" viewBox="0 0 12 20" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path d="M7.4 20v-9.2h4l.6-3.3H7.4V5.1c0-1.1.3-1.8 2-1.8H12V.2c-.4 0-1.1-.2-2.6-.2-3.1 0-5.7 1.8-5.7 5v2.5H0v3.3h3.7V20h3.7z" fill="#FFF" fill-rule="evenodd"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
|
|
|
|
|
|
Share<span class="optional"> on Facebook</span>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
<a class="twit" target="_blank" href="https://twitter.com/share?text=Greg%20Berlanti%20Knows%20the%20Secret%20to%20Superhero%20TV&url=http://www.vulture.com/2016/08/dc-comics-greg-berlanti-c-v-r.html%3Fmid%3Dtwitter-share-vulture&via=vulture" data-track="Bottom: Twitter">
|
|
|
|
|
|
<svg role="presentation" width="20" height="16" viewBox="0 0 20 16" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path d="M19.2 2.3c-.7.3-1.4.5-2.2.6.8-.5 1.4-1.2 1.7-2.1-.7.4-1.5.7-2.4.9C15.6 1 14.6.5 13.5.5c-2.1 0-3.8 1.7-3.8 3.8 0 .3 0 .6.1.9C6.7 5 3.9 3.5 2 1.3c-.3.6-.5 1.2-.5 1.9 0 1.3.7 2.5 1.7 3.1-.6 0-1.2-.2-1.7-.5 0 1.8 1.3 3.3 3 3.7-.3.1-.6.1-1 .1-.2 0-.5 0-.7-.1.5 1.5 1.9 2.6 3.5 2.6-1.3 1-2.9 1.6-4.7 1.6-.3 0-.6 0-.9-.1 1.7 1.1 3.6 1.7 5.8 1.7 6.9 0 10.7-5.7 10.7-10.7v-.5c.8-.4 1.5-1 2-1.8z" fill="#FFF" fill-rule="evenodd"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
|
|
|
|
|
|
Tweet<span class="optional"> this Story</span>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="primary-aux"><section class="taboola">
|
|
|
|
|
|
<div id="taboola-below-article-thumbnails"></div>
|
|
|
|
|
|
<div id="taboola-mobile-below-article-thumbnails"></div>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
|
|
|
|
|
|
window.NYM = window.NYM || {};
|
|
|
|
|
|
window.NYM.comments = window.NYM.comments || {};
|
|
|
|
|
|
window.NYM.comments.canonicalUrl = 'http://www.vulture.com/2016/08/dc-comics-greg-berlanti-c-v-r.html';
|
|
|
|
|
|
window.NYM.comments.articleTitle = 'Greg Berlanti Knows the Secret to Superhero TV';
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<div data-component="comments" id="comments" class="comments"><a name="comments"></a>
|
|
|
|
|
|
<div id="livefyre"></div>
|
|
|
|
|
|
</div></div>
|
|
|
|
|
|
<div id="tertiary">
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 479.9px) {
|
|
|
|
|
|
.ad.vp-0-480 { display: block; }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div data-component="ad" class="ad vp-0-480" data-name="/4088/vulture_mobile/tv" data-sizes="320x50,320x100"></div>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 480px) and (max-width: 667.9px) {
|
|
|
|
|
|
.ad.vp-480-668 { display: block; }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div data-component="ad" class="ad vp-480-668" data-name="/4088/vulture_mobile/tv" data-sizes="468x60,480x60"></div>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 728px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.ad.vp-728-1024 { display: block; }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div data-component="ad" class="ad vp-728-1024" data-name="/4088/nym.vulture/tv" data-sizes="728x90"></div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section data-component="most-popular" class="most-popular">
|
|
|
|
|
|
<h2>Most Viewed Stories</h2>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.most-popular-1 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-michael-fassbender.w63.h63.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.most-popular-1 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-michael-fassbender.w165.h112.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 1024px) {
|
|
|
|
|
|
.most-popular-1 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-michael-fassbender.w235.h157.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<article>
|
|
|
|
|
|
<a href="http://www.vulture.com/2016/09/michael-fassbender-embarrassed-magneto-x-men-toronto.html" data-track="Links">
|
|
|
|
|
|
<div class="most-popular-1 visual"></div>
|
|
|
|
|
|
<p>Michael Fassbender Is Embarrassed About His Magneto Performance, and Really Wanted Out of <i>Steve Jobs</i></p>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
|
<section data-component="share-feed" class="share-feed ">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="share-count">2.6k <em>Shares</em></div>
|
|
|
|
|
|
|
|
|
|
|
|
<a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2Fmichael-fassbender-embarrassed-magneto-x-men-toronto.html" class="fb" data-track="Facebook">Share</a>
|
|
|
|
|
|
<a target="_blank" href="https://twitter.com/intent/tweet?text=&url=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2Fmichael-fassbender-embarrassed-magneto-x-men-toronto.html&via=vulture" class="twit" data-track="Twitter">Tweet</a>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
</article>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.most-popular-2 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-shailene-woodley.w63.h63.2x.JPG); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.most-popular-2 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-shailene-woodley.w165.h112.2x.JPG); }
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 1024px) {
|
|
|
|
|
|
.most-popular-2 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-shailene-woodley.w235.h157.2x.JPG); }
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<article>
|
|
|
|
|
|
<a href="http://www.vulture.com/2016/09/shailene-woodley-likely-wont-do-divergent-on-tv.html" data-track="Links">
|
|
|
|
|
|
<div class="most-popular-2 visual"></div>
|
|
|
|
|
|
<p>Shailene Woodley Very Diplomatically Backs Away From the <em>Divergent</em> TV Movie</p>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
|
<section data-component="share-feed" class="share-feed ">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="share-count">99 <em>Shares</em></div>
|
|
|
|
|
|
|
|
|
|
|
|
<a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2Fshailene-woodley-likely-wont-do-divergent-on-tv.html" class="fb" data-track="Facebook">Share</a>
|
|
|
|
|
|
<a target="_blank" href="https://twitter.com/intent/tweet?text=Shailene%20Woodley%20Very%20Diplomatically%20Backs%20Away%20From%20the%20Divergent%20TV%20Movie&url=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2Fshailene-woodley-likely-wont-do-divergent-on-tv.html&via=vulture" class="twit" data-track="Twitter">Tweet</a>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
</article>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.most-popular-3 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-tv-doctors.w63.h63.2x.JPG); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.most-popular-3 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-tv-doctors.w165.h112.2x.JPG); }
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<article>
|
|
|
|
|
|
<a href="http://www.vulture.com/2016/09/lots-of-tv-doctors-united-to-cure-what-ails-you.html" data-track="Links">
|
|
|
|
|
|
<div class="most-popular-3"></div>
|
|
|
|
|
|
<p>From McDreamy to Hawkeye, a Whole Bunch of TV Doctors Unite to Cure What Ails You</p>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
|
<section data-component="share-feed" class="share-feed ">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="share-count">2.1k <em>Shares</em></div>
|
|
|
|
|
|
|
|
|
|
|
|
<a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2Flots-of-tv-doctors-united-to-cure-what-ails-you.html" class="fb" data-track="Facebook">Share</a>
|
|
|
|
|
|
<a target="_blank" href="https://twitter.com/intent/tweet?text=From%20McDreamy%20to%20Hawkeye%2C%20a%20Whole%20Bunch%20of%20TV%20Doctors%20Unite%20to%20Cure%20What%20Ails%20You&url=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2Flots-of-tv-doctors-united-to-cure-what-ails-you.html&via=vulture" class="twit" data-track="Twitter">Tweet</a>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
</article>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.most-popular-4 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-gilmore-1.w63.h63.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.most-popular-4 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-gilmore-1.w165.h112.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<article>
|
|
|
|
|
|
<a href="http://www.vulture.com/2016/09/check-out-a-new-gilmore-girls-set-photo.html" data-track="Links">
|
|
|
|
|
|
<div class="most-popular-4"></div>
|
|
|
|
|
|
<p>You Will Feel All the Feels Looking at This New <i>Gilmore Girls</i> Set Photo</p>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
|
<section data-component="share-feed" class="share-feed ">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="share-count">1.4k <em>Shares</em></div>
|
|
|
|
|
|
|
|
|
|
|
|
<a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2Fcheck-out-a-new-gilmore-girls-set-photo.html" class="fb" data-track="Facebook">Share</a>
|
|
|
|
|
|
<a target="_blank" href="https://twitter.com/intent/tweet?text=You%20Will%20Feel%20All%20the%20Feels%20Looking%20at%20This%20New%20Gilmore%20Girls%20Set%20Photo&url=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2Fcheck-out-a-new-gilmore-girls-set-photo.html&via=vulture" class="twit" data-track="Twitter">Tweet</a>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
</article>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.most-popular-5 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/06/06-rob-lowe-roast.w63.h63.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.most-popular-5 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/06/06-rob-lowe-roast.w165.h112.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<article>
|
|
|
|
|
|
<a href="http://www.vulture.com/2016/09/18-best-jokes-from-the-rob-lowe-roast.html" data-track="Links">
|
|
|
|
|
|
<div class="most-popular-5"></div>
|
|
|
|
|
|
<p>The 18 Best Jokes From Comedy Central’s <i>Roast of Rob Lowe</i></p>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
|
<section data-component="share-feed" class="share-feed ">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="share-count">1k <em>Shares</em></div>
|
|
|
|
|
|
|
|
|
|
|
|
<a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2F18-best-jokes-from-the-rob-lowe-roast.html" class="fb" data-track="Facebook">Share</a>
|
|
|
|
|
|
<a target="_blank" href="https://twitter.com/intent/tweet?text=The%2018%20Best%20Jokes%20From%20Comedy%20Central%E2%80%99s%20Roast%20of%20Rob%20Lowe&url=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2F18-best-jokes-from-the-rob-lowe-roast.html&via=vulture" class="twit" data-track="Twitter">Tweet</a>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
</article>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.most-popular-6 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-mental-illness-tv.w63.h63.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.most-popular-6 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-mental-illness-tv.w165.h112.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<aside data-component="popular-streaming-promo" class="popular-streaming-promo">
|
|
|
|
|
|
<a href="http://www.vulture.com/streaming/" data-track="what to stream">
|
|
|
|
|
|
<span class="link-name">What to Stream <span>Now</span></span>
|
|
|
|
|
|
<p class="more">See what’s new and notable on Netflix, Amazon, Hulu, and HBO</p>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</aside>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<article>
|
|
|
|
|
|
<a href="http://www.vulture.com/2016/09/what-tv-gets-wrong-about-mental-illness.html" data-track="Links">
|
|
|
|
|
|
<div class="most-popular-6"></div>
|
|
|
|
|
|
<p>What TV Gets Wrong About Mental Illness</p>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
|
<section data-component="share-feed" class="share-feed ">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="share-count">466 <em>Shares</em></div>
|
|
|
|
|
|
|
|
|
|
|
|
<a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2Fwhat-tv-gets-wrong-about-mental-illness.html" class="fb" data-track="Facebook">Share</a>
|
|
|
|
|
|
<a target="_blank" href="https://twitter.com/intent/tweet?text=What%20TV%20Gets%20Wrong%20About%20Mental%20Illness&url=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2Fwhat-tv-gets-wrong-about-mental-illness.html&via=vulture" class="twit" data-track="Twitter">Tweet</a>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
</article>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.most-popular-7 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-mtv-logo.w63.h63.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.most-popular-7 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-mtv-logo.w165.h112.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<article>
|
|
|
|
|
|
<a href="http://www.vulture.com/2016/09/mtv-wonderland-weekly-live-music-series.html" data-track="Links">
|
|
|
|
|
|
<div class="most-popular-7"></div>
|
|
|
|
|
|
<p>MTV to Bring the ‘M’ Back to ‘TV’ With New Weekly Live-Music Series, <i>Wonderland</i></p>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
|
<section data-component="share-feed" class="share-feed ">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="share-count">316 <em>Shares</em></div>
|
|
|
|
|
|
|
|
|
|
|
|
<a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2Fmtv-wonderland-weekly-live-music-series.html" class="fb" data-track="Facebook">Share</a>
|
|
|
|
|
|
<a target="_blank" href="https://twitter.com/intent/tweet?text=MTV%20to%20Bring%20the%20%E2%80%98M%E2%80%99%20Back%20to%20%E2%80%98TV%E2%80%99%20With%20New%20Weekly%20Live-Music%20Series%2C%20Wonderland&url=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2Fmtv-wonderland-weekly-live-music-series.html&via=vulture" class="twit" data-track="Twitter">Tweet</a>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
</article>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.most-popular-8 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/recaps/8-drag-race.w63.h63.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.most-popular-8 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/recaps/8-drag-race.w165.h112.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<article>
|
|
|
|
|
|
<a href="http://www.vulture.com/2016/09/rupauls-drag-race-all-stars-recap-season-2-episode-3.html" data-track="Links">
|
|
|
|
|
|
<div class="most-popular-8"></div>
|
|
|
|
|
|
<p> <em>RuPaul's Drag Race All Stars</em> Recap: The Future Is Now</p>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
|
<section data-component="share-feed" class="share-feed ">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="share-count">156 <em>Shares</em></div>
|
|
|
|
|
|
|
|
|
|
|
|
<a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2Frupauls-drag-race-all-stars-recap-season-2-episode-3.html" class="fb" data-track="Facebook">Share</a>
|
|
|
|
|
|
<a target="_blank" href="https://twitter.com/intent/tweet?text=%20RuPaul's%20Drag%20Race%20All%20Stars%20Recap%3A%20The%20Future%20Is%20Now&url=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2Frupauls-drag-race-all-stars-recap-season-2-episode-3.html&via=vulture" class="twit" data-track="Twitter">Tweet</a>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
</article>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.most-popular-9 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-lady-gaga.w63.h63.2x.JPG); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.most-popular-9 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-lady-gaga.w165.h112.2x.JPG); }
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<article>
|
|
|
|
|
|
<a href="http://www.vulture.com/2016/09/lady-gaga-drops-perfect-illusion.html" data-track="Links">
|
|
|
|
|
|
<div class="most-popular-9"></div>
|
|
|
|
|
|
<p>Lady Gaga Drops ‘Perfect Illusion’</p>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
|
<section data-component="share-feed" class="share-feed ">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="share-count">160 <em>Shares</em></div>
|
|
|
|
|
|
|
|
|
|
|
|
<a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2Flady-gaga-drops-perfect-illusion.html" class="fb" data-track="Facebook">Share</a>
|
|
|
|
|
|
<a target="_blank" href="https://twitter.com/intent/tweet?text=Lady%20Gaga%20Drops%20%E2%80%98Perfect%20Illusion%E2%80%99&url=http%3A%2F%2Fwww.vulture.com%2F2016%2F09%2Flady-gaga-drops-perfect-illusion.html&via=vulture" class="twit" data-track="Twitter">Tweet</a>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
</article>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.most-popular-10 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/08/29/29-jaws-netflix.w63.h63.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.most-popular-10 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/08/29/29-jaws-netflix.w165.h112.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<article>
|
|
|
|
|
|
<a href="http://www.vulture.com/2016/08/whats-new-on-netflix-september-2016.html" data-track="Links">
|
|
|
|
|
|
<div class="most-popular-10"></div>
|
|
|
|
|
|
<p>What’s New on Netflix: September 2016</p>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
|
<section data-component="share-feed" class="share-feed ">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="share-count">620 <em>Shares</em></div>
|
|
|
|
|
|
|
|
|
|
|
|
<a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.vulture.com%2F2016%2F08%2Fwhats-new-on-netflix-september-2016.html" class="fb" data-track="Facebook">Share</a>
|
|
|
|
|
|
<a target="_blank" href="https://twitter.com/intent/tweet?text=What%E2%80%99s%20New%20on%20Netflix%3A%20September%202016&url=http%3A%2F%2Fwww.vulture.com%2F2016%2F08%2Fwhats-new-on-netflix-september-2016.html&via=vulture" class="twit" data-track="Twitter">Tweet</a>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
</article>
|
|
|
|
|
|
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 1024px){
|
|
|
|
|
|
.ad.vp-1024-plus { display: block; }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div data-component="ad" class="ad vp-1024-plus" data-name="/4088/nym.vulture/tv" data-sizes="300x250,300x600"></div>
|
|
|
|
|
|
<section data-component="zergnet" class="zergnet">
|
|
|
|
|
|
|
|
|
|
|
|
<div id="zergnet-widget-26792"></div>
|
|
|
|
|
|
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 479.9px) {
|
|
|
|
|
|
.ad.vp-0-480 { display: block; }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div data-component="ad" class="ad vp-0-480" data-name="/4088/vulture_mobile/tv" data-sizes="320x50,320x100"></div>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 480px) and (max-width: 667.9px) {
|
|
|
|
|
|
.ad.vp-480-668 { display: block; }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div data-component="ad" class="ad vp-480-668" data-name="/4088/vulture_mobile/tv" data-sizes="468x60,480x60"></div>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 728px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.ad.vp-728-1024 { display: block; }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div data-component="ad" class="ad vp-728-1024" data-name="/4088/nym.vulture/tv" data-sizes="728x90"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div id="secondary">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section data-component="latest-news" class="latest-news">
|
|
|
|
|
|
|
|
|
|
|
|
<h2>Latest News from Vulture</h2>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.bg-1 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-richard-madden.w63.h63.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.bg-1 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-richard-madden.w168.h112.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 1024px) {
|
|
|
|
|
|
.bg-1 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-richard-madden.w145.h98.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<a href="http://www.vulture.com/2016/09/strange-new-things.html" class="bg-1 latest-news-img" data-track="Links"><time datetime="2016-09-09T19:51:00+00:00">12 mins ago</time><span class="title">Richard Madden Cast in Amazon’s Sci-Fi Show <em>Strange New Things</em>, Which Is a Great Reminder That Amazon Is Making a Sci-Fi Show Called <em>Strange New Things</em></span><p>Based on <em>The Book of Stranger Things</em>.</p></a><style>
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.bg-2 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-future-man.w63.h63.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.bg-2 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-future-man.w168.h112.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 1024px) {
|
|
|
|
|
|
.bg-2 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-future-man.w145.h98.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<a href="http://www.vulture.com/2016/09/hulu-picks-up-rogen-goldberg-series-future-man.html" class="bg-2 latest-news-img" data-track="Links"><time datetime="2016-09-09T19:42:00+00:00">21 mins ago</time><span class="title">Hulu Picks Up Seth Rogen and Evan Goldberg’s <i>Future Man</i> to Series</span><p>Josh Hutcherson is your savior of humanity.</p></a><style>
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.bg-3 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-gilligan-maclaren.w63.h63.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.bg-3 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-gilligan-maclaren.w168.h112.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 1024px) {
|
|
|
|
|
|
.bg-3 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-gilligan-maclaren.w145.h98.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<a href="http://www.vulture.com/2016/09/vince-gilligan-michelle-jonestown-hbo-cult-drama.html" class="bg-3 latest-news-img" data-track="Links"><time datetime="2016-09-09T19:35:00+00:00">28 mins ago</time><span class="title"><i>Breaking Bad</i> Duo Vince Gilligan and Michelle MacLaren Are Cooking Up a Jonestown HBO Show</span><p>Octavia Spencer is also executive producing.</p></a><style>
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.bg-4 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-chris-pratt-tiff.w63.h63.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.bg-4 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-chris-pratt-tiff.w168.h112.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 1024px) {
|
|
|
|
|
|
.bg-4 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-chris-pratt-tiff.w145.h98.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<a href="http://www.vulture.com/2016/09/chris-pratt-talks-adorable-nonsense-magnificent-seven-toronto.html" class="bg-4 latest-news-img" data-track="Links"><time datetime="2016-09-09T18:45:00+00:00">2:45 p.m.</time><span class="title">Chris Pratt Talks Adorable Nonsense About <i>The Magnificent Seven</i></span><p>"There's seven of us, and we're fucking magnificent."</p></a>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 0px){
|
|
|
|
|
|
.ad.vp-0-plus { display: block; }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div data-component="ad" class="ad vp-0-plus" data-name="" data-sizes=""></div>
|
|
|
|
|
|
<style>
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.bg-5 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-siege-of-jadotville.w63.h63.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.bg-5 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-siege-of-jadotville.w168.h112.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 1024px) {
|
|
|
|
|
|
.bg-5 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-siege-of-jadotville.w145.h98.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<a href="http://www.vulture.com/2016/09/jamie-dornan-battles-in-the-jadotville-trailer.html" class="bg-5 latest-news-img" data-track="Links"><time datetime="2016-09-09T18:34:00+00:00">2:34 p.m.</time><span class="title">The <i>Siege of Jadotville</i> Trailer: Jamie Dornan’s Irish Accent to the Rescue!</span><p>Based on the story of the 1961 U.N. intervention in the Congo.</p></a><style>
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.bg-6 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-jane-the-virgin.w63.h63.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.bg-6 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-jane-the-virgin.w168.h112.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 1024px) {
|
|
|
|
|
|
.bg-6 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-jane-the-virgin.w145.h98.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<a href="http://www.vulture.com/2016/09/jane-the-virgins-jane-is-going-to-have-sex.html" class="bg-6 latest-news-img" data-track="Links"><time datetime="2016-09-09T18:30:00+00:00">2:30 p.m.</time><span class="title">Jane Will Lose Her Virginity on This Season of <i>Jane the Virgin</i>, and It Better Be With [Insert Love Interest You Prefer]</span><p>"It’s in the first half of the season, and it’s quite a big episode for us."</p></a><style>
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.bg-7 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-mikey-day.w63.h63.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.bg-7 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-mikey-day.w168.h112.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 1024px) {
|
|
|
|
|
|
.bg-7 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-mikey-day.w145.h98.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<a href="http://www.vulture.com/2016/09/writer-mikey-day-joins-saturday-night-live-cast.html" class="bg-7 latest-news-img" data-track="Links"><time datetime="2016-09-09T18:29:00+00:00">2:29 p.m.</time><span class="title">Writer Mikey Day to Join <i>Saturday Night Live</i> Cast</span><p>Day has been a writer on the show since 2013.</p></a><style>
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.bg-8 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2015/07/24/24-bobby-shmurda.w63.h63.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.bg-8 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2015/07/24/24-bobby-shmurda.w168.h112.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 1024px) {
|
|
|
|
|
|
.bg-8 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2015/07/24/24-bobby-shmurda.w145.h98.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<a href="http://www.vulture.com/2016/09/bobby-shmurda-reportedly-gets-7-years-in-prison.html" class="bg-8 latest-news-img" data-track="Links"><time datetime="2016-09-09T18:25:00+00:00">2:25 p.m.</time><span class="title">Bobby Shmurda Reportedly Accepts 7-Year Prison Sentence </span><p>He has accepted a plea deal in a murder-conspiracy case.</p></a><style>
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.bg-9 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-the-promise.w63.h63.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.bg-9 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-the-promise.w168.h112.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 1024px) {
|
|
|
|
|
|
.bg-9 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-the-promise.w145.h98.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<a href="http://www.vulture.com/2016/09/promise-trailer-love-war-and-oscar-bait.html" class="bg-9 latest-news-img" data-track="Links"><time datetime="2016-09-09T18:19:00+00:00">2:19 p.m.</time><span class="title"><i>The Promise</i> Trailer: Christian Bale and Oscar Isaac Star in This Tale of Love, War, and Oscar Bait</span><p>A love triangle is born amid the Armenian genocide.</p></a><style>
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.bg-10 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-frank-ocean.w63.h63.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.bg-10 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-frank-ocean.w168.h112.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 1024px) {
|
|
|
|
|
|
.bg-10 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-frank-ocean.w145.h98.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<a href="http://www.vulture.com/2016/09/frank-oceans-blonde-is-now-on-spotify.html" class="bg-10 latest-news-img" data-track="Links"><time datetime="2016-09-09T18:18:00+00:00">2:18 p.m.</time><span class="title">Frank Ocean’s <em>Blonde</em> Is Now on Spotify, So Even More People Can Cry</span><p>The wait is finally, truly over.</p></a><div hidden>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 600px){
|
|
|
|
|
|
.ad.vp-600-plus { display: block; }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div data-component="ad" class="ad vp-600-plus" data-name="/4088/nym.vulture" data-sizes="300x250"></div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.ad.vp-0-600 { display: block; }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div data-component="ad" class="ad vp-0-600" data-name="/4088/vulture_mobile" data-sizes="300x250"></div>
|
|
|
|
|
|
<style>
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.bg-11 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-fearless.w63.h63.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.bg-11 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-fearless.w168.h112.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 1024px) {
|
|
|
|
|
|
.bg-11 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-fearless.w145.h98.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<a href="http://www.vulture.com/2016/09/netflix-documentaries-slow-motion-footage.html" class="bg-11 latest-news-img" data-track="Links"><time datetime="2016-09-09T18:15:00+00:00">2:15 p.m.</time><span class="title">Why Are Netflix Documentaries Obsessed With Slow-Motion Footage?</span><p>Especially when it comes to filming men.</p></a><style>
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.bg-12 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-narcos-escobar.w63.h63.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.bg-12 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-narcos-escobar.w168.h112.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 1024px) {
|
|
|
|
|
|
.bg-12 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-narcos-escobar.w145.h98.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<a href="http://www.vulture.com/2016/09/pablo-escobar-son-problems-with-narcos.html" class="bg-12 latest-news-img" data-track="Links"><time datetime="2016-09-09T16:57:00+00:00">12:57 p.m.</time><span class="title">Pablo Escobar’s Son Has 28 Problems With <i>Narcos</i>, and Pablo’s Favorite Soccer Team Is One</span><p>"Grave errors"!</p></a><style>
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.bg-13 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-green-day.w63.h63.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.bg-13 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-green-day.w168.h112.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 1024px) {
|
|
|
|
|
|
.bg-13 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-green-day.w145.h98.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<a href="http://www.vulture.com/2016/09/hear-green-days-revolution-radio-title-track.html" class="bg-13 latest-news-img" data-track="Links"><time datetime="2016-09-09T16:37:00+00:00">12:37 p.m.</time><span class="title">Green Day Share the Anthemic Title Track to Their New Album, a Revolution Inside a Radio Inside a Lyric Video</span><p>A rebel's lullaby.</p></a><style>
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.bg-14 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-kendrick-lamar-lil-wayne.w63.h63.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.bg-14 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-kendrick-lamar-lil-wayne.w168.h112.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 1024px) {
|
|
|
|
|
|
.bg-14 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-kendrick-lamar-lil-wayne.w145.h98.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<a href="http://www.vulture.com/2016/09/kendrick-lamar-is-mad-lil-wayne-wants-to-retire.html" class="bg-14 latest-news-img" data-track="Links"><time datetime="2016-09-09T16:31:00+00:00">12:31 p.m.</time><span class="title">Watch Kendrick Lamar Adorably Scold Lil Wayne for Wanting to Retire</span><p>"No, nigga, NO!"</p></a><style>
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.bg-15 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-lebron-james.w63.h63.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.bg-15 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-lebron-james.w168.h112.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 1024px) {
|
|
|
|
|
|
.bg-15 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-lebron-james.w145.h98.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<a href="http://www.vulture.com/2016/09/lebron-james-sold-a-sports-medicine-drama-to-nbc.html" class="bg-15 latest-news-img" data-track="Links"><time datetime="2016-09-09T16:25:00+00:00">12:25 p.m.</time><span class="title">LeBron James Sold a Sports-Medicine Drama to NBC Because the Man Is Great at Everything</span><p>Like <em>House,</em> except it's always a lateral ankle sprain.</p></a><style>
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.bg-16 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-tom-hanks-streaming.w63.h63.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.bg-16 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-tom-hanks-streaming.w168.h112.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 1024px) {
|
|
|
|
|
|
.bg-16 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/08/08-tom-hanks-streaming.w145.h98.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<a href="http://www.vulture.com/2016/09/streaming-guide-tom-hanks-movies.html" class="bg-16 latest-news-img" data-track="Links"><time datetime="2016-09-09T16:18:00+00:00">12:18 p.m.</time><span class="title">In a Tom Hanks Mood? Here’s a Viewing Guide to All 42 of His Movies</span><p>Plus a rank of every Hanks live-action film.</p></a><style>
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.bg-17 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-tom-hanks-ellen.w63.h63.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.bg-17 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-tom-hanks-ellen.w168.h112.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 1024px) {
|
|
|
|
|
|
.bg-17 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-tom-hanks-ellen.w145.h98.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<a href="http://www.vulture.com/2016/09/tom-hanks-ellen-degeneres-swap-pixar-war-stories-toy-story-finding-dory.html" class="bg-17 latest-news-img" data-track="Links"><time datetime="2016-09-09T15:35:00+00:00">11:35 a.m.</time><span class="title">Tom Hanks and Ellen DeGeneres Have a Frantic Conversation As Their Pixar Characters Woody and Dory</span><p>"You said you had my hat!"</p></a><style>
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.bg-18 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-desiigner.w63.h63.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.bg-18 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-desiigner.w168.h112.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 1024px) {
|
|
|
|
|
|
.bg-18 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-desiigner.w145.h98.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<a href="http://www.vulture.com/2016/09/desiigner-arrested-on-drug-and-gun-charges.html" class="bg-18 latest-news-img" data-track="Links"><time datetime="2016-09-09T15:32:00+00:00">11:32 a.m.</time><span class="title">Desiigner Arrested on Felony Drug and Gun Charges After Altercation</span><p>The rapper allegedly pointed a gun at the driver of a car.</p></a><style>
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.bg-19 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-jason-aldean.w63.h63.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.bg-19 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-jason-aldean.w168.h112.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 1024px) {
|
|
|
|
|
|
.bg-19 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/09/09-jason-aldean.w145.h98.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<a href="http://www.vulture.com/2016/09/jason-aldean-addresses-blackface-incident.html" class="bg-19 latest-news-img" data-track="Links"><time datetime="2016-09-09T15:25:00+00:00">11:25 a.m.</time><span class="title">Jason Aldean Doesn’t Understand Why People Are Sensitive About Blackface</span><p>Foot, meet mouth.</p></a><style>
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 599.9px) {
|
|
|
|
|
|
.bg-20 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/01/narcos/1-narcos-10.w63.h63.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 600px) and (max-width: 1023.9px) {
|
|
|
|
|
|
.bg-20 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/01/narcos/1-narcos-10.w168.h112.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 1024px) {
|
|
|
|
|
|
.bg-20 { background-image: url(//pixel.nymag.com/imgs/daily/vulture/2016/09/01/narcos/1-narcos-10.w145.h98.2x.jpg); }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<a href="http://www.vulture.com/2016/09/narcos-recap-season-2-episode-10.html" class="bg-20 latest-news-img" data-track="Links"><time datetime="2016-09-09T15:21:00+00:00">11:21 a.m.</time><span class="title"><em>Narcos</em> Season Finale Recap: A Roof and a Hard Place</span><p>"When you lay eyes on him, the devil's a real letdown."</p></a></div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<button type="button" title="Load more related news stories" data-track="Load More">Load More</button>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div id="bottom">
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 1024px){
|
|
|
|
|
|
.ad.vp-1024-plus { display: block; }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div data-component="ad" class="ad vp-1024-plus" data-name="/4088/nym.vulture/tv" data-sizes="728x90,728x91,970x90,970x91,1024x90,1024x91"></div>
|
|
|
|
|
|
<footer data-component="footer" class="vulture-footer">
|
|
|
|
|
|
<section class="splash-page">
|
|
|
|
|
|
<a href="//www.vulture.com/" data-track="home">Home</a>
|
|
|
|
|
|
<a href="//www.vulture.com/tv/" title="TV" data-track="tv">TV</a>
|
|
|
|
|
|
<a href="//www.vulture.com/movies/" title="Movies" data-track="movies">Movies</a>
|
|
|
|
|
|
<a href="//www.vulture.com/music/" title="Music" data-track="music">Music</a>
|
|
|
|
|
|
<a href="//www.vulture.com/books/" title="Books" data-track="books">Books</a>
|
|
|
|
|
|
<a href="//www.vulture.com/news/new-on-netflix/" title="New On Netflix" data-track="netflix">New On Netflix</a>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
<section class="connect">
|
|
|
|
|
|
<a class="newsletter" href="//nymag.com/newsletters/" data-track="newsletter">
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="21" height="16" viewBox="0 0 21 16" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path d="M20.1.6h-19.2l9.6 9.3 9.6-9.3zm.9 15.1v-14.3l-10.5 10.2-10.5-10.2v14.3l5.7-7.5 1 .9-5.9 7.7h19.4l-5.9-7.6 1-.9 5.7 7.4z"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
|
|
|
|
|
|
<span>Newsletters</span>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
<a href="//facebook.com/vulture/" data-track="facebook">
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd" fill="#3E5C9B" d="M5.4 0h25.2c3 0 5.4 2.4 5.4 5.4v25.2c0 3-2.4 5.4-5.4 5.4h-25.2c-3 0-5.4-2.4-5.4-5.4v-25.2c0-3 2.4-5.4 5.4-5.4z"/>
|
|
|
|
|
|
<path fill="#fff" d="M19.4 28v-9.2h4l.6-3.3h-4.6v-2.4c0-1.1.3-1.8 2-1.8h2.6v-3.1c-.4 0-1.1-.2-2.6-.2-3.1 0-5.7 1.8-5.7 5v2.5h-3.7v3.3h3.7v9.2h3.7z"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
|
|
|
|
|
|
<span>Facebook</span>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
<a href="//twitter.com/vulture/" data-track="twitter">
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path fill-rule="evenodd" clip-rule="evenodd" fill="#28A9E1" d="M5.4 0h25.2c3 0 5.4 2.4 5.4 5.4v25.2c0 3-2.4 5.4-5.4 5.4h-25.2c-3 0-5.4-2.4-5.4-5.4v-25.2c0-3 2.4-5.4 5.4-5.4z"/>
|
|
|
|
|
|
<path fill="#fff" d="M28.2 12.3c-.7.3-1.4.5-2.2.6.8-.5 1.4-1.2 1.7-2.1-.7.4-1.5.7-2.4.9-.7-.7-1.7-1.2-2.8-1.2-2.1 0-3.8 1.7-3.8 3.8 0 .3 0 .6.1.9-3.1-.2-5.9-1.7-7.8-3.9-.3.6-.5 1.2-.5 1.9 0 1.3.7 2.5 1.7 3.1-.6 0-1.2-.2-1.7-.5 0 1.8 1.3 3.3 3 3.7-.3.1-.6.1-1 .1-.2 0-.5 0-.7-.1.5 1.5 1.9 2.6 3.5 2.6-1.3 1-2.9 1.6-4.7 1.6-.3 0-.6 0-.9-.1 1.7 1.1 3.6 1.7 5.8 1.7 6.9 0 10.7-5.7 10.7-10.7v-.5c.8-.4 1.5-1 2-1.8z"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
|
|
|
|
|
|
<span>Twitter</span>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
<a href="//feeds.feedburner.com/nymag/vulture" data-track="rss">
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path fill="#F6A303" d="M5.4 0h25.2c3 0 5.4 2.4 5.4 5.4v25.2c0 3-2.4 5.4-5.4 5.4h-25.2c-3 0-5.4-2.4-5.4-5.4v-25.2c0-3 2.4-5.4 5.4-5.4z"/>
|
|
|
|
|
|
<ellipse fill="#fff" cx="10.869" cy="25.673" rx="2.869" ry="2.9"/>
|
|
|
|
|
|
<path fill="#fff" d="M21.865 28.573h-4.063c0-5.473-4.389-9.909-9.802-9.909v-4.108c7.658 0 13.865 6.276 13.865 14.017zm2.869 0c0-9.343-7.492-16.917-16.734-16.917v-4.229c11.553 0 20.918 9.468 20.918 21.146h-4.184z"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
|
|
|
|
|
|
<span>RSS</span>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
<a class="feedly" href="//feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Fnymag.com%2Fdaily%2Fentertainment%2Findex.xml" data-track="feedly">
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" role="presentation" width="36" height="36" viewBox="0 0 36 36" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path fill="#85C235" d="M5.4 0h25.2c3 0 5.4 2.4 5.4 5.4v25.2c0 3-2.4 5.4-5.4 5.4h-25.2c-3 0-5.4-2.4-5.4-5.4v-25.2c0-3 2.4-5.4 5.4-5.4z"/>
|
|
|
|
|
|
<path fill="#fff" d="M8.667 18.112l11.91-11.85h.526l2.509 2.452v.583l-11.15 11.15h-1.881l-1.914-1.808zm4.748 4.541l7.162-7.153h.526l2.509 2.452v.583l-6.402 6.453-1.881.188-1.914-1.997zm4.671 4.744l2.549-2.409h.525l2.51 2.451v.585l-1.79 1.708h-1.88l-1.914-1.809z"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
|
|
|
|
|
|
<span>Feedly</span>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
<section class="global-footer-nav">
|
|
|
|
|
|
<a href="//nymag.com/newyork/privacy/">Privacy</a>
|
|
|
|
|
|
<a href="//nymag.com/newyork/terms/">Terms</a>
|
|
|
|
|
|
<a href="//www.vulture.com/sitemap/">Sitemap</a>
|
|
|
|
|
|
<a href="//mediakit.nymag.com/vulture.html">Media Kit</a>
|
|
|
|
|
|
<a href="//nymag.com/newyork/privacy/#ad-choices">Ad Choices</a>
|
|
|
|
|
|
<a href="//nymag.com/newyork/aboutus/">About Us</a>
|
|
|
|
|
|
<a href="//nymag.com/newyork/contactus/">Contacts</a>
|
|
|
|
|
|
<a href="//community.nymag.com/nymag">Feedback</a>
|
|
|
|
|
|
<a href="//nymag.com/newyork/jobs/">We're Hiring!</a>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
<p>© 2016, New York Media LLC. <a href="//nymag.com/newyork/aboutus/trademarks/">View all trademarks</a></p>
|
|
|
|
|
|
</footer>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<span data-component="omniture" class="omniture"
|
|
|
|
|
|
data-rsid="nymvulture"
|
|
|
|
|
|
data-title="Greg Berlanti Knows the Secret to Superhero TV"
|
|
|
|
|
|
data-type="Articles"
|
|
|
|
|
|
data-subtype="Features"
|
|
|
|
|
|
data-channel="TV"
|
|
|
|
|
|
data-source="Magazine"
|
|
|
|
|
|
data-form="Entries"
|
|
|
|
|
|
data-pageName="Article/tv/2016/08/dc-comics-greg-berlanti-c-v-r"
|
|
|
|
|
|
data-hierarchy="Vulture:Tv:Article-feature"
|
|
|
|
|
|
data-hierarchyTitle="Article"
|
|
|
|
|
|
data-relatedStories="false"
|
|
|
|
|
|
data-author="Abraham Riesman"
|
|
|
|
|
|
data-length="2000 words or more"
|
|
|
|
|
|
data-length-int="3108"
|
|
|
|
|
|
data-externalLinks="false"
|
|
|
|
|
|
data-tags="dc comics,greg berlanti,arrow,the flash,supergirl,legends of tomorrow,vulture cover story,superhero movies,new york magazine,tv"
|
|
|
|
|
|
data-tagsPrimary="dc comics"
|
|
|
|
|
|
data-featureName="vulture-cover-story"></span>
|
|
|
|
|
|
|
|
|
|
|
|
<span data-component="skimlinks" class="skimlinks" data-amazon="vulture-20" data-skimlinks="1025X1480950"></span>
|
|
|
|
|
|
<span data-component="mixpanel" class="mixpanel" data-site="Vulture" data-layout="article-feature" data-route-name="Article"></span>
|
|
|
|
|
|
|
|
|
|
|
|
<aside id="pixel" class="pixel" data-component="pixel">
|
|
|
|
|
|
<img src="http://pubads.g.doubleclick.net/activity;dc_iu=/4088/DFPAudiencePixel;dc_seg=Vulture_User;ord=1473434537529?" width=0 height=0 border=0>
|
|
|
|
|
|
<img src="http://pubads.g.doubleclick.net/activity;dc_iu=/4088/DFPAudiencePixel;ord=1473434537529;dc_seg=154967050?" width=0 height=0 border=0>
|
|
|
|
|
|
</aside>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="nymab-response display-none" data-component="nymab-response" data-component-name="Conversion Message: Article-Variation 1" data-variation="Article-Variation 1" data-track="Load" data-click-to-track="true">
|
|
|
|
|
|
<div class="tabs-content">
|
|
|
|
|
|
<span class="spacer"></span>
|
|
|
|
|
|
<a href="#" class="close-tab" data-track="Close">
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" preserveAspectRatio="xMinYMin meet">
|
|
|
|
|
|
<path d="M36.2,15.2l-0.8-0.8c-0.4-0.4-1.2-0.4-1.6,0L25.2,23l-8.9-9c-0.4-0.4-1.2-0.4-1.6,0l-0.8,0.8c-0.4,0.4-0.4,1.2,0,1.6
|
|
|
|
|
|
l8.9,8.9l-8.5,8.5c-0.4,0.4-0.4,1.2,0,1.6l0.8,0.8c0.4,0.4,1.2,0.4,1.6,0l8.5-8.5l8.1,8.1c0.4,0.4,1.2,0.4,1.6,0l0.8-0.8
|
|
|
|
|
|
c0.4-0.4,0.4-1.2,0-1.6l-8.1-8.1l8.5-8.5C36.6,16.4,36.6,15.7,36.2,15.2z"/>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
|
|
|
|
|
|
<span>Close</span>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="banner-container">
|
|
|
|
|
|
<div class="banner-content">
|
|
|
|
|
|
<?xml version="1.0" encoding="utf-8"?>
|
|
|
|
|
|
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
|
|
|
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
|
|
|
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
|
|
|
|
viewBox="0 0 671 304" enable-background="new 0 0 671 304" xml:space="preserve">
|
|
|
|
|
|
<path fill="#00BCF1" stroke="#1EBCEF" stroke-width="0.7984" d="M63.523,49.239c0,0,129.733-49.086,330.797-48.807
|
|
|
|
|
|
c2.271,8.542,7.221,11.244,7.221,11.244s140.615-5.924,269.102,38.186c-14.75,14.422-39.59,53.223-39.59,53.223
|
|
|
|
|
|
s15.141,10.987,16.035,13.196c0.898,2.212-9.699,18.756-9.699,18.756l-6.68,0.933l5.205,12.008l-9.326,10.797
|
|
|
|
|
|
c0,0-25.258-0.766-34.754,0.35c13.75,2.641,35.396,13.461,35.396,13.461l-46.1,53.713c0,0-138.012-16.641-203.555-4.615
|
|
|
|
|
|
c27.107,0.771,34.451,5.213,34.451,5.213l-2.461,11.109c0,0-290.159,5.859-400.007,65.562c3.125-26.646,8.906-61.139,8.906-61.139
|
|
|
|
|
|
l-18.109,2.422l6.636-45.775c0,0-2.884-5.879,16.244-17.455c-20.938,0.592-20.921,2.162-20.921,2.162s12.626-78.385,41.653-90.455
|
|
|
|
|
|
c3.511-11.683,9.871-19.52,9.871-19.52l42.64-18.887l-26.057-1.342L63.523,49.239z"/>
|
|
|
|
|
|
<g>
|
|
|
|
|
|
<path fill="#FFFFFF" d="M87.816,96.271c1.46,1.9,1.522,4.132-0.039,7.077c-10.534,20.119-15.628,38.396-12.33,39.918
|
|
|
|
|
|
c4.516,2.019,18.968-16.645,30.195-52.685c0.457-1.572,1.56-2.139,3.1-1.143c1.54,0.998,2.973,1.828,4.021,3.236
|
|
|
|
|
|
c1.048,1.409,1.378,2.805,0.771,5.467c-4.143,18.801-12.326,34.996-19.449,44.449c-6.887,9.162-13.028,8.663-17.164,7.679
|
|
|
|
|
|
c-2.573-0.618-6.313-2.093-9.275-4.637c-3.549-3.018-3.898-7.903-2.897-14.368c1.271-8.105,9.436-27.788,16.776-37.715
|
|
|
|
|
|
c1.253-1.657,1.941-1.911,3.53-0.473C86.152,94.123,86.886,95.119,87.816,96.271z"/>
|
|
|
|
|
|
<path fill="#FFFFFF" d="M151.941,140.359c-0.664,2.13-1.55,2.226-3.09,1.229c-1.256-0.849-1.834-1.233-3.375-2.23
|
|
|
|
|
|
c-1.54-0.997-1.614-2.511-1.146-4.8c1.562-7.062,5.732-18.167,9.969-28.652c-6.743,10.487-14.525,23.774-18.956,33.296
|
|
|
|
|
|
c-1.019,2.169-1.717,2.333-3.396,1.71c-1.954-0.684-3.466-1.415-5.085-2.313c-1.717-0.979-2.589-2.406-2.61-5.09
|
|
|
|
|
|
c-0.053-5.455,0.333-13.465,1.33-21.629c-4.383,9.963-10.197,25.722-13.004,34.531c-0.466,1.483-1.616,1.607-2.667,1.005
|
|
|
|
|
|
c-1.707-0.89-3.296-2.329-4.217-3.393c-0.636-0.917-0.938-2.048-0.579-3.697c3.352-13.702,13.29-38.503,19.652-50.024
|
|
|
|
|
|
c1.047-1.902,1.981-2.362,4.044-1.512c2.149,0.842,5.173,2.306,7.242,4.051c1.579,1.352,1.416,3.159,1.067,4.897
|
|
|
|
|
|
c-1.518,8.312-2.633,17.026-3.512,25.448c5.478-11.426,16.83-28.949,24.188-37.892c1.657-2.06,2.473-1.968,4.377-0.921
|
|
|
|
|
|
c2.188,1.195,4.963,3.669,6.501,5.473c1.842,2.129,1.581,3.858,0.206,6.871C162.018,111.874,155.986,128.104,151.941,140.359z"/>
|
|
|
|
|
|
<path fill="#FFFFFF" d="M208.659,134.22c-0.664,2.13-1.549,2.226-3.089,1.229c-1.256-0.849-1.835-1.233-3.375-2.23
|
|
|
|
|
|
c-1.54-0.997-1.614-2.511-1.146-4.8c1.563-7.062,5.732-18.167,9.969-28.652c-6.742,10.487-14.525,23.774-18.956,33.295
|
|
|
|
|
|
c-1.019,2.17-1.716,2.334-3.395,1.711c-1.955-0.684-3.467-1.415-5.085-2.314c-1.718-0.978-2.589-2.405-2.61-5.089
|
|
|
|
|
|
c-0.054-5.455,0.333-13.465,1.329-21.629c-4.383,9.963-10.197,25.722-13.003,34.531c-0.467,1.483-1.617,1.607-2.667,1.005
|
|
|
|
|
|
c-1.708-0.89-3.296-2.329-4.217-3.393c-0.636-0.917-0.938-2.049-0.579-3.697c3.352-13.702,13.29-38.503,19.651-50.024
|
|
|
|
|
|
c1.048-1.902,1.982-2.362,4.045-1.512c2.149,0.842,5.173,2.306,7.242,4.051c1.579,1.352,1.416,3.159,1.067,4.897
|
|
|
|
|
|
c-1.518,8.312-2.634,17.026-3.513,25.447c5.478-11.425,16.831-28.948,24.188-37.891c1.656-2.06,2.473-1.968,4.376-0.921
|
|
|
|
|
|
c2.188,1.195,4.963,3.669,6.502,5.473c1.842,2.129,1.581,3.858,0.206,6.871C218.736,105.734,212.705,121.964,208.659,134.22z"/>
|
|
|
|
|
|
<path fill="#FFFFFF" d="M220.462,129.986c0.236-3.606,2.94-7.569,6.392-7.942c3.186-0.345,5.563,3.426,5.069,7.956
|
|
|
|
|
|
c-0.667,6.249-4.54,10.16-8.405,10.847c-1.76,0.28-3.322-0.088-4.41-1.045c-0.892-0.799-0.488-1.201,0.271-1.641
|
|
|
|
|
|
c1.349-0.772,2.757-1.821,3.685-3.174C221.444,134.088,220.329,132.061,220.462,129.986z"/>
|
|
|
|
|
|
<path fill="#FFFFFF" d="M266.284,114.999c7.163,4.149,13.793,5.849,18.926,5.294c3.451-0.374,4.685-2.209,2.734-4.505
|
|
|
|
|
|
c-1.636-1.882-9.78-6.819-13.466-10.27c-4.479-4.17-4.271-8.849-2.153-13.284c5.407-11.239,13.494-17.576,19.195-21.147
|
|
|
|
|
|
c3.604-2.27,6.979-3.352,10.847-1.532c2.454,1.167,5.721,3.23,7.356,5.112c1.833,2.04,1.896,4.271,1.11,6.951
|
|
|
|
|
|
c-1.896,6.473-5.737,13.155-9.26,17.834c-1.016,1.363-1.961,1.734-3.235,0.708c-1.177-0.946-2.431-2.601-2.987-3.615
|
|
|
|
|
|
c-0.792-1.526-0.335-3.097,0.288-4.775c1.545-3.928,6.664-13.703,4.966-14.504c-1.974-0.861-12.497,8.604-16.185,15.896
|
|
|
|
|
|
c-2.579,5.113-0.775,6.889,1.4,8.801c2.177,1.913,7.044,4.699,9.524,6.938c2.971,2.632,4.966,6.176,1.816,10.993
|
|
|
|
|
|
c-4.067,6.259-9.34,7.993-12.88,8.377c-4.513,0.488-10.978-0.513-16.528-4.656c-2.531-1.874-3.664-4.079-3.813-7.107
|
|
|
|
|
|
C263.836,114.729,264.949,114.25,266.284,114.999z"/>
|
|
|
|
|
|
<path fill="#FFFFFF" d="M306.703,103.015c1.868-10.855,10.505-27.009,19.333-34.769c3.676-3.262,7.71-4.862,12.628-2.441
|
|
|
|
|
|
c2.551,1.246,4.758,2.618,6.955,4.709c2.803,2.74,3.869,7.638,3.439,13.593c-0.637,9.021-6.084,28.143-18.054,37.495
|
|
|
|
|
|
c-3.055,2.39-7.058,3.45-11.841,2.267c-2.672-0.695-5.527-2.267-7.881-4.16C308.637,117.578,304.903,113.684,306.703,103.015z
|
|
|
|
|
|
M317.749,117.396c2.619,1.865,9.131-3.316,15.749-18.267c6.686-15.137,7.264-24.689,5.293-26.356
|
|
|
|
|
|
c-2.461-2.06-10.833,7.439-16.708,20.161C316.357,105.372,315.522,115.848,317.749,117.396z"/>
|
|
|
|
|
|
<path fill="#FFFFFF" d="M353.074,119.57c-0.664,2.133-1.881,1.637-3.412,0.729c-1.148-0.682-2.031-1.393-3.178-2.879
|
|
|
|
|
|
c-1.146-1.488-1.83-2.846-1.186-5.154c3.275-11.097,9.986-27.67,15.811-39.222c-1.658-1.254-2.668-2.309-3.768-3.353
|
|
|
|
|
|
c-1.295-1.202-1.223-2.195,0.283-3.164c5.781-3.669,12.707-5.852,18.812-6.513c6.459-0.699,12.772,1.393,16.949,5.237
|
|
|
|
|
|
c5.46,4.96,3.366,8.767,1.399,12.113c-3.634,6.123-13.697,15.717-24.748,21.122c3.907,4.679,9.701,10.229,13.485,12.952
|
|
|
|
|
|
c1.453,1.008,1.382,2,0.388,2.734c-1.074,0.832-2.937,1.839-4.5,2.277c-2.341,0.701-3.068,0.601-5.836-0.98
|
|
|
|
|
|
c-4.396-2.567-10.033-7.507-14.384-12.14C356.928,108.858,354.84,114.365,353.074,119.57z M386.656,68.398
|
|
|
|
|
|
c-0.879-1.516-7.598,0.105-12.281,2.313c-3.203,5.987-6.652,12.985-9.965,20.417C375.188,85.665,388.633,71.766,386.656,68.398z"/>
|
|
|
|
|
|
<path fill="#FFFFFF" d="M396.432,114.877c-0.664,2.133-1.883,1.637-3.412,0.729c-1.146-0.682-2.029-1.393-3.178-2.879
|
|
|
|
|
|
c-1.146-1.488-1.83-2.846-1.184-5.154c3.275-11.097,9.982-27.67,15.807-39.222c-1.656-1.254-2.666-2.309-3.764-3.353
|
|
|
|
|
|
c-1.295-1.202-1.223-2.195,0.283-3.164c5.779-3.669,12.707-5.852,18.812-6.513c6.459-0.699,12.773,1.393,16.949,5.237
|
|
|
|
|
|
c5.461,4.96,3.365,8.767,1.398,12.113c-3.635,6.123-13.695,15.718-24.75,21.122c3.908,4.679,9.701,10.229,13.488,12.952
|
|
|
|
|
|
c1.451,1.008,1.381,2,0.385,2.734c-1.072,0.832-2.934,1.839-4.497,2.277c-2.341,0.701-3.067,0.601-5.837-0.98
|
|
|
|
|
|
c-4.396-2.566-10.031-7.507-14.385-12.14C400.285,104.165,398.195,109.672,396.432,114.877z M430.014,63.705
|
|
|
|
|
|
c-0.881-1.516-7.598,0.105-12.281,2.313c-3.201,5.987-6.65,12.985-9.967,20.417C418.543,80.972,431.99,67.072,430.014,63.705z"/>
|
|
|
|
|
|
<path fill="#FFFFFF" d="M448.861,109.649c-0.457,1.571-1.254,1.657-2.5,0.897c-1.061-0.691-2.492-1.521-4.08-2.959
|
|
|
|
|
|
c-1.395-1.283-1.725-2.68-1.146-4.801c1.393-5.344,3.543-11.932,6.127-18.657c-2.221-10.593-3.479-20.572-4.027-28.122
|
|
|
|
|
|
c-0.25-1.496,0.225-2.89,1.965-2.541c2.102,0.399,4.518,1.213,6.146,2.2c1.441,0.918,2.146,2.453,2.555,4.557
|
|
|
|
|
|
c0.686,3.865,1.352,8.359,2.213,13.011c6.963-8.453,17.271-19.059,22.664-23.851c1.125-1.194,2.156-1.576,2.781,0.058
|
|
|
|
|
|
c1.238,3.179,1.016,6.068-2.18,9.637c-4.705,5.343-14.951,17.374-22.424,28.568C453.678,95.431,450.756,103.178,448.861,109.649z"
|
|
|
|
|
|
/>
|
|
|
|
|
|
<path fill="#FFFFFF" d="M93.395,176.745c-5.023,0.724-7.901-0.22-11.255-3.079c-1.383-1.191-1.005-2.666,0.54-3.281
|
|
|
|
|
|
c8.068-3.201,20.225-5.859,26.084-6.314c4.346-0.381,8.804,1.105,11.322,3.699c1.715,1.782,1.3,2.902-0.786,3.485
|
|
|
|
|
|
c-2.783,0.749-6.983,1.651-11.351,2.661c-0.138,0.373-0.355,0.846-0.652,1.414c-7.518,13.258-16.777,34.402-20.956,48.732
|
|
|
|
|
|
c-0.456,1.568-1.145,1.821-2.577,0.994c-1.237-0.674-2.492-1.521-3.903-2.98c-1.304-1.29-1.802-2.579-1.235-4.788
|
|
|
|
|
|
c2.972-11.424,9.357-27.692,15.566-40.63C93.926,176.688,93.661,176.716,93.395,176.745z"/>
|
|
|
|
|
|
<path fill="#FFFFFF" d="M110.382,199.704c1.868-10.854,10.505-27.009,19.333-34.769c3.676-3.265,7.71-4.863,12.627-2.441
|
|
|
|
|
|
c2.553,1.246,4.76,2.617,6.956,4.709c2.803,2.74,3.87,7.638,3.44,13.593c-0.635,9.021-6.085,28.142-18.054,37.496
|
|
|
|
|
|
c-3.054,2.39-7.057,3.449-11.84,2.267c-2.672-0.695-5.527-2.268-7.882-4.16C112.317,214.268,108.583,210.374,110.382,199.704z
|
|
|
|
|
|
M121.428,214.086c2.619,1.864,9.13-3.314,15.748-18.268c6.688-15.137,7.265-24.689,5.295-26.354
|
|
|
|
|
|
c-2.462-2.062-10.834,7.438-16.708,20.16C120.038,202.062,119.202,212.537,121.428,214.086z"/>
|
|
|
|
|
|
<path fill="#FFFFFF" d="M176.263,212.09c-1.49-1.359-1.713-2.59-1.165-4.979c3.274-14.408,12.234-37.491,19.271-51.055
|
|
|
|
|
|
c0.968-1.808,2.03-1.923,3.767-0.767c1.55,1.085,3.413,2.583,4.432,3.728c1.332,1.559,1.35,2.541,0.104,5.092
|
|
|
|
|
|
c-6.476,12.966-15.885,35.203-19.77,49.768c-0.369,1.562-1.243,1.746-2.588,0.907C179.256,214.094,177.656,213.37,176.263,212.09z"
|
|
|
|
|
|
/>
|
|
|
|
|
|
<path fill="#FFFFFF" d="M201.581,211.943c-0.466,1.482-1.36,1.49-2.676,0.918c-1.698-0.801-3.463-2.223-4.306-3.385
|
|
|
|
|
|
c-0.636-0.914-1.212-2.104-0.845-3.668c2.777-12.388,12.235-37.492,17.806-50.539c1.009-2.26,2.542-2.154,4.192-1.797
|
|
|
|
|
|
c2.112,0.486,5.116,1.771,7.794,3.362c2.012,1.216,1.871,2.396,1.628,5.104c-0.669,7.058-1.126,19.369-1.006,28.759
|
|
|
|
|
|
c4.409-12.205,11.928-29.581,17.212-38.658c0.672-1.236,1.677-1.883,3.009-0.325c2.449,2.778,2.952,5.77,1.348,9.971
|
|
|
|
|
|
c-3.911,10.183-11.69,29.287-16.759,45.322c-0.674,2.042-1.806,2.344-3.838,1.76c-2.22-0.654-4.389-1.675-6.106-2.65
|
|
|
|
|
|
c-1.815-1.059-3.068-2.713-3.375-5.543c-0.787-6.451-1.082-17.432-0.547-25.725C210.115,186.581,204.219,203.244,201.581,211.943z"
|
|
|
|
|
|
/>
|
|
|
|
|
|
<path fill="#FFFFFF" d="M260.005,158.71c-5.024,0.724-7.901-0.219-11.255-3.079c-1.384-1.191-1.006-2.666,0.539-3.281
|
|
|
|
|
|
c8.068-3.201,20.226-5.859,26.084-6.315c4.346-0.38,8.804,1.106,11.322,3.699c1.716,1.783,1.3,2.903-0.785,3.487
|
|
|
|
|
|
c-2.784,0.748-6.983,1.65-11.351,2.659c-0.139,0.374-0.356,0.847-0.652,1.415c-7.518,13.258-16.777,34.403-20.956,48.732
|
|
|
|
|
|
c-0.457,1.57-1.146,1.822-2.578,0.994c-1.236-0.674-2.492-1.521-3.902-2.98c-1.305-1.29-1.802-2.579-1.236-4.788
|
|
|
|
|
|
c2.972-11.424,9.357-27.692,15.566-40.63C260.536,158.652,260.27,158.682,260.005,158.71z"/>
|
|
|
|
|
|
<path fill="#FFFFFF" d="M302.207,169.809c1.858-0.201,3.136,0.021,4.146,1.072c0.9,0.889,2.135,2.366,2.683,3.291
|
|
|
|
|
|
c0.764,1.26,0.397,2.016-0.821,2.328c-4.525,1.206-11.146,2.906-17.334,5.277c-1.466,3.83-2.861,7.472-4.101,10.918
|
|
|
|
|
|
c4.938-1.521,9.413-2.361,13.13-2.764c1.946-0.211,3.489-0.021,4.676,1.017c1.187,1.034,2.499,2.415,3.164,3.596
|
|
|
|
|
|
c0.891,1.604,0.249,2.302-1.236,2.642c-6.098,1.556-15.324,3.985-21.14,6.496c-2.992,1.31-3.659,0.932-5.102,0.017
|
|
|
|
|
|
c-1.148-0.685-2.688-1.683-3.493-2.487c-1.293-1.203-2.008-2.021-1.303-4.604c3.05-11.521,9.412-29.666,15.146-42.017
|
|
|
|
|
|
c-0.576-1.19-1.182-2.647-1.543-3.504c-0.624-1.633-0.091-2.497,1.454-3.11c7.576-2.79,18.452-4.863,25.531-5.63
|
|
|
|
|
|
c2.39-0.258,3.951,0.11,5.423,1.294c1.176,0.946,2.351,2.699,3.23,4.216c0.616,1.545-0.045,2.063-1.707,2.422
|
|
|
|
|
|
c-4.907,0.98-14.674,3.38-20.98,5.495c-2.116,4.438-4.411,9.699-6.766,15.235C298.067,170.436,300.525,169.99,302.207,169.809z"/>
|
|
|
|
|
|
<path fill="#FFFFFF" d="M322.833,198.282c-0.664,2.131-1.882,1.637-3.413,0.728c-1.147-0.682-2.03-1.392-3.176-2.878
|
|
|
|
|
|
c-1.146-1.487-1.83-2.847-1.186-5.155c3.276-11.097,9.986-27.668,15.809-39.221c-1.657-1.254-2.667-2.309-3.765-3.353
|
|
|
|
|
|
c-1.294-1.203-1.223-2.195,0.284-3.165c5.779-3.67,12.707-5.851,18.812-6.512c6.459-0.699,12.772,1.393,16.948,5.237
|
|
|
|
|
|
c5.461,4.96,3.364,8.768,1.399,12.113c-3.635,6.123-13.696,15.716-24.75,21.119c3.908,4.682,9.701,10.23,13.488,12.955
|
|
|
|
|
|
c1.45,1.007,1.379,1.998,0.385,2.731c-1.073,0.833-2.935,1.841-4.498,2.277c-2.34,0.7-3.067,0.602-5.836-0.979
|
|
|
|
|
|
c-4.396-2.568-10.033-7.509-14.384-12.141C326.688,187.57,324.598,193.077,322.833,198.282z M356.416,147.11
|
|
|
|
|
|
c-0.881-1.518-7.598,0.105-12.283,2.313c-3.201,5.987-6.65,12.984-9.964,20.417C344.945,164.376,358.393,150.477,356.416,147.11z"
|
|
|
|
|
|
/>
|
|
|
|
|
|
<path fill="#FFFFFF" d="M366.191,193.589c-0.664,2.132-1.883,1.638-3.414,0.728c-1.146-0.682-2.031-1.392-3.176-2.877
|
|
|
|
|
|
c-1.146-1.487-1.83-2.848-1.188-5.154c3.275-11.098,9.984-27.669,15.811-39.221c-1.658-1.254-2.666-2.309-3.766-3.353
|
|
|
|
|
|
c-1.295-1.203-1.225-2.195,0.283-3.165c5.777-3.67,12.703-5.851,18.812-6.512c6.461-0.699,12.773,1.393,16.947,5.237
|
|
|
|
|
|
c5.463,4.96,3.367,8.767,1.402,12.113c-3.637,6.123-13.697,15.718-24.752,21.12c3.908,4.682,9.701,10.23,13.488,12.954
|
|
|
|
|
|
c1.451,1.007,1.381,1.999,0.387,2.731c-1.074,0.834-2.936,1.84-4.498,2.277c-2.344,0.702-3.068,0.602-5.838-0.979
|
|
|
|
|
|
c-4.396-2.567-10.031-7.508-14.385-12.141C370.045,182.877,367.955,188.384,366.191,193.589z M399.773,142.417
|
|
|
|
|
|
c-0.883-1.518-7.6,0.105-12.283,2.313c-3.201,5.987-6.65,12.984-9.965,20.417C388.303,159.684,401.75,145.783,399.773,142.417z"/>
|
|
|
|
|
|
<path fill="#FFFFFF" d="M428.139,134.87c1.459,1.9,1.521,4.132-0.041,7.076c-10.531,20.121-15.627,38.396-12.33,39.919
|
|
|
|
|
|
c4.518,2.019,18.971-16.646,30.197-52.685c0.455-1.571,1.561-2.139,3.102-1.143c1.539,0.997,2.973,1.828,4.02,3.236
|
|
|
|
|
|
c1.049,1.409,1.377,2.805,0.771,5.467c-4.145,18.801-12.326,34.996-19.449,44.449c-6.889,9.16-13.029,8.662-17.164,7.679
|
|
|
|
|
|
c-2.572-0.617-6.314-2.093-9.275-4.638c-3.549-3.02-3.896-7.902-2.896-14.367c1.271-8.105,9.436-27.789,16.775-37.716
|
|
|
|
|
|
c1.252-1.657,1.941-1.911,3.529-0.471C426.473,132.723,427.207,133.718,428.139,134.87z"/>
|
|
|
|
|
|
<path fill="#FFFFFF" d="M454.062,184.166c-0.822,2.328-1.783,1.716-3.227,0.797c-1.248-0.76-2.041-1.48-3.354-2.859
|
|
|
|
|
|
c-1.314-1.379-1.842-2.935-1.188-5.151c3.195-11,9.689-27.101,15.441-38.467c-1.393-1.281-2.498-2.415-3.537-3.734
|
|
|
|
|
|
c-1.146-1.488-1.25-2.462,0.266-3.342c5.631-3.385,12.342-5.902,18.52-6.749c6.352-0.866,12.625,1.677,16.889,5.513
|
|
|
|
|
|
c5.451,4.871,2.814,9.453,1.33,13.105c-2.686,6.646-13.344,18.992-23.996,22.292c-3.553,1.102-5.988,0.919-8.957-2.521
|
|
|
|
|
|
C459.271,170.264,456.471,177.46,454.062,184.166z M486.877,133.346c-0.986-1.685-7.076-0.04-11.574,2.238
|
|
|
|
|
|
c-3.732,6.85-7.68,15.065-11.33,23.518C474.971,155.672,489.051,136.87,486.877,133.346z"/>
|
|
|
|
|
|
<path fill="#FFFFFF" d="M507.844,131.881c-5.021,0.725-7.898-0.218-11.256-3.078c-1.381-1.193-1.004-2.666,0.541-3.281
|
|
|
|
|
|
c8.068-3.201,20.225-5.859,26.084-6.315c4.346-0.38,8.805,1.106,11.322,3.698c1.715,1.784,1.299,2.904-0.787,3.487
|
|
|
|
|
|
c-2.783,0.749-6.982,1.651-11.35,2.66c-0.141,0.374-0.355,0.846-0.652,1.415c-7.518,13.257-16.777,34.403-20.955,48.731
|
|
|
|
|
|
c-0.457,1.571-1.145,1.823-2.578,0.995c-1.236-0.674-2.492-1.521-3.904-2.98c-1.303-1.291-1.801-2.579-1.232-4.789
|
|
|
|
|
|
c2.973-11.424,9.355-27.691,15.564-40.629C508.375,131.824,508.109,131.853,507.844,131.881z"/>
|
|
|
|
|
|
<path fill="#FFFFFF" d="M525.234,165.184c3.273-0.354,5.418,2.903,4.99,7.248c-0.281,3.164-2.385,6.075-5.854,6.272
|
|
|
|
|
|
c-3.027,0.149-5.42-2.099-5.352-5.599C519.078,169.52,521.961,165.537,525.234,165.184z"/>
|
|
|
|
|
|
<path fill="#FFFFFF" d="M544.967,163.047c3.273-0.354,5.416,2.904,4.992,7.248c-0.285,3.164-2.387,6.076-5.857,6.273
|
|
|
|
|
|
c-3.025,0.146-5.418-2.101-5.35-5.6C538.811,167.383,541.693,163.4,544.967,163.047z"/>
|
|
|
|
|
|
<path fill="#FFFFFF" d="M564.697,160.911c3.273-0.354,5.418,2.903,4.992,7.248c-0.285,3.163-2.387,6.075-5.855,6.272
|
|
|
|
|
|
c-3.029,0.147-5.42-2.1-5.352-5.6C558.543,165.247,561.424,161.266,564.697,160.911z"/>
|
|
|
|
|
|
</g>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
|
|
|
|
|
|
<span class="text">
|
|
|
|
|
|
<h1 class="header">But we noticed you're visiting us with an ad blocker</h1>
|
|
|
|
|
|
<p>We understand the reasons for blocking, but Vulture <a href="http://www.vulture.com/2016/06/why-ad-blocking-matters-to-vulture.html" target="_blank" data-track="Article Click">depends on ads to pay our writers and editors.</a> We're working hard to improve the ad experience on our site, but in the mean time, we'd really appreciate it if you added us to the approved list in your ad blocker. Thanks for the support!</p>
|
|
|
|
|
|
</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 0px){
|
|
|
|
|
|
.ad.vp-0-plus { display: block; }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div data-component="ad" class="ad vp-0-plus" data-name="/4088/nym.vulture/tv" data-sizes=""></div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<aside class="interstitial" data-component="interstitial">
|
|
|
|
|
|
<section>
|
|
|
|
|
|
<span>Ad will collapse in
|
|
|
|
|
|
<span class="seconds"></span> seconds…
|
|
|
|
|
|
</span>
|
|
|
|
|
|
<button type="button">CLOSE</button>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 1024px){
|
|
|
|
|
|
.ad.vp-1024-plus { display: block; }
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div data-component="ad" class="ad vp-1024-plus" data-name="/4088/nym.vulture/tv" data-sizes="970x251"></div>
|
|
|
|
|
|
|
|
|
|
|
|
</section>
|
|
|
|
|
|
</aside>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="fb-root"></div>
|
|
|
|
|
|
|
|
|
|
|
|
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1149741648399382&ev=PageView&noscript=1"/></noscript>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link href="//cache.nymag.com/css/article-feature.vulture.c2fef62e.css" rel="stylesheet">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
var googletag = googletag || {};
|
|
|
|
|
|
googletag.cmd = googletag.cmd || [];
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<script async src="//www.googletagservices.com/tag/js/gpt.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
var bab=!1;!function(t){var e=function(e){this._options={checkOnLoad:!1,resetOnEnd:!1,loopCheckTime:50,loopMaxNumber:5,baitClass:"pub_300x250 pub_300x250m pub_728x90 text-ad textAd text_ad text_ads text-ads text-ad-links",baitStyle:"width: 1px !important; height: 1px !important; position: absolute !important; left: -10000px !important; top: -1000px !important;",debug:!1},this._var={version:"3.2.1",bait:null,checking:!1,loop:null,loopNumber:0,event:{detected:[],notDetected:[]}},void 0!==e&&this.setOption(e);var n=this,i=function(){setTimeout(function(){n._options.checkOnLoad===!0&&(n._options.debug===!0&&n._log("onload->eventCallback","A check loading is launched"),null===n._var.bait&&n._creatBait(),setTimeout(function(){n.check()},1))},1)};void 0!==t.addEventListener?t.addEventListener("load",i,!1):t.attachEvent("onload",i)};e.prototype._options=null,e.prototype._var=null,e.prototype._bait=null,e.prototype._log=function(t,e){console.log("[bab]["+t+"] "+e)},e.prototype.setOption=function(t,e){if(void 0!==e){var n=t;t={},t[n]=e}for(var i in t)this._options[i]=t[i],this._options.debug===!0&&this._log("setOption",'The option "'+i+'" he was assigned to "'+t[i]+'"');return this},e.prototype._creatBait=function(){var e=document.createElement("div");e.setAttribute("class",this._options.baitClass),e.setAttribute("style",this._options.baitStyle),this._var.bait=t.document.body.appendChild(e),this._var.bait.offsetParent,this._var.bait.offsetHeight,this._var.bait.offsetLeft,this._var.bait.offsetTop,this._var.bait.offsetWidth,this._var.bait.clientHeight,this._var.bait.clientWidth,this._options.debug===!0&&this._log("_creatBait","Bait has been created")},e.prototype._destroyBait=function(){t.document.body.removeChild(this._var.bait),this._var.bait=null,this._options.debug===!0&&this._log("_destroyBait","Bait has been removed")},e.prototype.check=function(t){if(void 0===t&&(t=!0),this._options.debug===!0&&this._log("check","An audit was requested "+(t===!0?"with a":"without")+" loop"),this._var.checking===!0)return this._options.debug===!0&&this._log("check","A check was canceled because there is already an ongoing"),!1;this._var.checking=!0,null===this._var.bait&&this._creatBait();var e=this;return this._var.loopNumber=0,t===!0&&(this._var.loop=setInterval(function(){e._checkBait(t)},this._options.loopCheckTime)),setTimeout(function(){e._checkBait(t)},1),this._options.debug===!0&&this._log("check","A check is in progress ..."),!0},e.prototype._checkBait=function(e){var n=!1;if(null===this._var.bait&&this._creatBait(),(null!==t.document.body.getAttribute("abp")||null===this._var.bait.offsetParent||0==this._var.bait.offsetHeight||0==this._var.bait.offsetLeft||0==this._var.bait.offsetTop||0==this._var.bait.offsetWidth||0==this._var.bait.clientHeight||0==this._var.bait.clientWidth)&&(n=!0),void 0!==t.getComputedStyle){var i=t.getComputedStyle(this._var.bait,null);!i||"none"!=i.getPropertyValue("display")&&"hidden"!=i.getPropertyValue("visibility")||(n=!0)}this._options.debug===!0&&this._log("_checkBait","A check ("+(this._var.loopNumber+1)+"/"+this._options.loopMaxNumber+" ~"+(1+this._var.loopNumber*this._options.loopCheckTime)+"ms) was conducted and detection is "+(n===!0?"positive":"negative")),e===!0&&(this._var.loopNumber++,this._var.loopNumber>=this._options.loopMaxNumber&&this._stopLoop()),n===!0?(this._stopLoop(),this._destroyBait(),this.emitEvent(!0),e===!0&&(this._var.checking=!1)):(null===this._var.loop||e===!1)&&(this._destroyBait(),this.emitEvent(!1),e===!0&&(this._var.checking=!1))},e.prototype._stopLoop=function(t){clearInterval(this._var.loop),this._var.loop=null,this._var.loopNumber=0,this._options.debug===!0&&this._log("_stopLoop","A loop has been stopped")},e.prototype.emitEvent=function(t){this._options.debug===!0&&this._log("emitEvent","An event with a "+(t===!0?"positive":"negative")+" detection was called");var e=this._var.event[t===!0?"detected":"notDetected"];for(var n in e)this._options.debug===!0&&this._log("emitEvent","Call function "+(parseInt(n)+1)+"/"+e.length),e.hasOwnProperty(n)&&e[n]();return this._opt
|
|
|
|
|
|
},Nt.flow=function(){var t=arguments,e=t.length;if(!e)return function(){};if(!Ft(t,Kn))throw new Oi(L);return function(){for(var n=0,i=t[n].apply(this,arguments);++n<e;)i=t[n].call(this,i);return i}},Nt.flowRight=Un,Nt.forEach=On,Nt.forEachRight=$n,Nt.forIn=function(t,e,n){return("function"!=typeof e||"undefined"!=typeof n)&&(e=Ne(e,n,3)),pe(t,e,ri)},Nt.forInRight=function(t,e,n){return e=Ne(e,n,3),fe(t,e,ri)},Nt.forOwn=function(t,e,n){return("function"!=typeof e||"undefined"!=typeof n)&&(e=Ne(e,n,3)),de(t,e)},Nt.forOwnRight=function(t,e,n){return e=Ne(e,n,3),fe(t,e,Br)},Nt.functions=ii,Nt.groupBy=Ar,Nt.indexBy=Er,Nt.initial=function(t){return dn(t,1)},Nt.intersection=function(){for(var t=[],n=-1,i=arguments.length,r=[],o=Qe(),a=o==e;++n<i;){var s=arguments[n];(Ir(s)||Vn(s))&&(t.push(s),r.push(a&&120<=s.length&&_r(n&&s)))}var i=t.length,a=t[0],c=-1,u=a?a.length:0,l=[],p=r[0];t:for(;++c<u;)if(s=a[c],0>(p?Rt(p,s):o(l,s))){for(n=i;--n;){var f=r[n];if(0>(f?Rt(f,s):o(t[n],s)))continue t}p&&p.push(s),l.push(s)}return l},Nt.invert=function(t,e,n){n&&rn(t,e,n)&&(e=null),n=-1;for(var i=Br(t),r=i.length,o={};++n<r;){var a=i[n],s=t[a];e?Bi.call(o,s)?o[s].push(a):o[s]=[a]:o[s]=a}return o},Nt.invoke=function(t,e){return ye(t,e,Se(arguments,2))},Nt.keys=Br,Nt.keysIn=ri,Nt.map=In,Nt.mapValues=function(t,e,n){var i={};return e=Ge(e,n,3),de(t,function(t,n,r){i[n]=e(t,n,r)}),i},Nt.matches=gi,Nt.memoize=Fn,Nt.merge=Dr,Nt.mixin=yi,Nt.negate=function(t){if(!Kn(t))throw new Oi(L);return function(){return!t.apply(this,arguments)}},Nt.omit=function(t,e,n){if(null==t)return{};if("function"!=typeof e){var i=Ht(le(arguments,!1,!1,1),Ti);return sn(t,re(ri(t),i))}return e=Ne(e,n,3),cn(t,function(t,n,i){return!e(t,n,i)})},Nt.once=function(t){return Mn(t,2)},Nt.pairs=function(t){for(var e=-1,n=Br(t),i=n.length,r=mi(i);++e<i;){var o=n[e];r[e]=[o,t[o]]}return r},Nt.partial=Wn,Nt.partialRight=Hn,Nt.partition=Or,Nt.pick=function(t,e,n){return null==t?{}:"function"==typeof e?cn(t,Ne(e,n,3)):sn(t,le(arguments,!1,!1,1))},Nt.pluck=function(t,e){return In(t,ke(e+""))},Nt.property=function(t){return ke(t+"")},Nt.propertyOf=function(t){return function(e){return null==t?_:t[e]}},Nt.pull=function(){var t=arguments[0];if(!t||!t.length)return t;for(var e=0,n=Qe(),i=arguments.length;++e<i;)for(var r=0,o=arguments[e];-1<(r=n(t,o,r));)Ki.call(t,r,1);return t},Nt.pullAt=function(e){var n=e||[],i=le(arguments,!1,!1,1),r=i.length,o=Zt(n,i);for(i.sort(t);r--;){var a=parseFloat(i[r]);if(a!=s&&nn(a)){var s=a;Ki.call(n,a,1)}}return o},Nt.range=function(t,e,n){n&&rn(t,e,n)&&(e=n=null),t=+t||0,n=null==n?1:+n||0,null==e?(e=t,t=0):e=+e||0;var i=-1;e=ir(qi((e-t)/(n||1)),0);for(var r=mi(e);++i<e;)r[i]=t,t+=n;return r},Nt.rearg=function(t){var e=le(arguments,!1,!1,1);return Ve(t,$,null,null,null,e)},Nt.reject=function(t,e,n){var i=Ir(t)?Wt:ce;return e=Ge(e,n,3),i(t,function(t,n,i){return!e(t,n,i)})},Nt.remove=function(t,e,n){var i=-1,r=t?t.length:0,o=[];for(e=Ge(e,n,3);++i<r;)n=t[i],e(n,i,t)&&(o.push(n),Ki.call(t,i--,1),r--);return o},Nt.rest=bn,Nt.shuffle=Bn,Nt.slice=function(t,e,n){var i=t?t.length:0;return i?(n&&"number"!=typeof n&&rn(t,e,n)&&(e=0,n=i),Se(t,e,n)):[]},Nt.sortBy=function(t,e,i){var r=-1,o=t?t.length:0,a=on(o)?mi(o):[];return i&&rn(t,e,i)&&(e=null),e=Ge(e,i,3),oe(t,function(t,n,i){a[++r]={a:e(t,n,i),b:r,c:t}}),n(a,s)},Nt.sortByAll=function(t){var e=arguments;3<e.length&&rn(e[1],e[2],e[3])&&(e=[t,e[1]]);var i=-1,r=t?t.length:0,o=le(e,!1,!1,1),a=on(r)?mi(r):[];return oe(t,function(t){for(var e=o.length,n=mi(e);e--;)n[e]=null==t?_:t[o[e]];a[++i]={a:n,b:i,c:t}}),n(a,c)},Nt.take=function(t,e,n){return t&&t.length?((n?rn(t,e,n):null==e)&&(e=1),Se(t,0,0>e?0:e)):[]},Nt.takeRight=function(t,e,n){var i=t?t.length:0;return i?((n?rn(t,e,n):null==e)&&(e=1),e=i-(+e||0),Se(t,0>e?0:e)):[]},Nt.takeRightWhile=function(t,e,n){var i=t?t.length:0;if(!i)return[];for(e=Ge(e,n,3);i--&&e(t[i],i,t););return Se(t,i+1)},Nt.takeWhile=function(t,e,n){var i=t?t.length:0;if(!i)return[];var r=-1;for(e=Ge(e,n,3);++r<i&&e(t[r],r,t););return Se(t,0,r)},Nt.tap=function(t,e,n){return e.call(n,t),t},Nt.
|
|
|
|
|
|
n=n.getAttribute("data-author").toLowerCase().split(","),o.map(n,function(t){c.push(t.replace(/\s/g,"-").replace(/\'|\’/g,""))})),(e.length||a)&&l.pubads().setTargeting("kw",c),s=s.slice(s.lastIndexOf("/")+1),l.pubads().setTargeting("pn",s),u=window.location.pathname.indexOf("thecut/fashion/shows")>0,p=window.location.pathname.split("/")[6],u&&l.pubads().setTargeting("L6",p),l.companionAds().setRefreshUnfilledSlots(!0),l.pubads().enableAsyncRendering(),l.enableServices()}),this.load=u,this.create=function(t){return new s(t)},this.refresh=function(t){var e;o.isString(t)?(e=this.getById(t),c(e)):c(t)},this.remove=function(t){var e=t.data.id,n=i.getElementById(e);n.innerHTML=""},this.getById=function(t){return p[t]}}]),DS.controller("ad",["adService","$visibility",function(t,e){"use strict";var n=function(n){var i=t.create(n),r=new e.Visible(n,{preloadThreshhold:200});r.preload&&e.isElementNotHidden(n)&&t.load(i),r.on("preload",function(){!i.slot&&e.isElementNotHidden(n)&&t.load(i)}),this.adData=i};return n}]),!function(t,e){if(!e.__SV){var n,i;window.mixpanel=e,e._i=[],e.init=function(t,r,o){function a(t,e){var n=e.split(".");2==n.length&&(t=t[n[0]],e=n[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}var s=e;for(void 0!==o?s=e[o]=[]:o="mixpanel",s.people=s.people||[],s.toString=function(t){var e="mixpanel";return"mixpanel"!==o&&(e+="."+o),t||(e+=" (stub)"),e},s.people.toString=function(){return s.toString(1)+".people (stub)"},n="disable time_event track track_pageview track_links track_forms register register_once alias unregister identify name_tag set_config people.set people.set_once people.increment people.append people.union people.track_charge people.clear_charges people.delete_user".split(" "),i=0;i<n.length;i++)a(s,n[i]);e._i.push([t,r,o])},e.__SV=1.2}}(document,window.mixpanel||[]),mixpanel.init(function(){var t=window.location.hostname||"";return t.indexOf("qa.")+t.indexOf("beta.")+t.indexOf("localhost")===-3?"63940ee7ac2873acfad69127f6d3ec74":"4dbb5bc69945223d6ddeec6da5d3b871"}(),{upgrade:!0,persistence:"localStorage"}),function(){function t(){return function(){}}var e=!0,n=null,i=!1;!function(){function r(t){function n(){t.v.$__c=(t.v.$__c||0)+1,I.cookie.set("mp_"+r+"__c",t.v.$__c,1,e)}var i=["click","change"],r=t.e("name");t.v=t.v||{},t.v.$__c=parseInt(I.cookie.get("mp_"+r+"__c"))||0,n();for(var o=0;o<i.length;o++)I.J(E,i[o],function(){try{t.v=t.v||{},n()}catch(e){B.error(e)}})}function o(){function t(){t.Bc||(N=t.Bc=e,$=i,I.a(M,function(t){t.dc()}))}function r(){try{E.documentElement.doScroll("left")}catch(e){return void setTimeout(r,1)}t()}if(E.addEventListener)"complete"==E.readyState?t():E.addEventListener("DOMContentLoaded",t,i);else if(E.attachEvent){E.attachEvent("onreadystatechange",t);var o=i;try{o=window.frameElement==n}catch(a){}E.documentElement.doScroll&&o&&r()}I.J(window,"load",t,e)}function a(){g.init=function(t,e,n){return n?(g[n]||(g[n]=M[n]=l(t,e,n),g[n].pa()),g[n]):(n=g,M.mixpanel?n=M.mixpanel:t&&(n=l(t,e,"mixpanel"),n.pa(),M.mixpanel=n),g=n,1===v&&(window.mixpanel=g),void s())}}function s(){I.a(M,function(t,e){"mixpanel"!==e&&(g[e]=t)}),g._=I}function c(){}function u(){}function l(t,e,n){var i,o="mixpanel"===n?g:g[n];if(o&&0===v)i=o;else{if(o&&!I.isArray(o))return void B.error("You have already initialized "+n);i=new u}i.Ia(t,e,n),i.people=new c,i.people.Ia(i),C=C||i.e("debug"),!I.d(o)&&I.isArray(o)&&(i.Ga.call(i.people,o.people),i.Ga(o));try{r(i)}catch(a){B.error(a)}return i}function p(t){this.props={},this.rb=i,this.name=t.persistence_name?"mp_"+t.persistence_name:"mp_"+t.token+"_mixpanel";var n=t.persistence;if("cookie"!==n&&"localStorage"!==n&&(B.ba('Unknown persistence type "'+n+'"; falling back to "cookie"'),n=t.persistence="cookie"),n="localStorage"===n){n=e;try{I.localStorage.set("__mplssupport__","xyz"),"xyz"!==I.localStorage.get("__mplssupport__")&&(n=i),I.localStorage.remove("__mplssupport__")}catch(r){n=i}n||B.error("localStorage unsupported; falling back to cookie store")}this.w=n?I.localStorage:I.cookie,this.load(),this.Sb(t),this.bd(t),this.
|
|
|
|
|
|
this.Mb(s,function(t,e){0==t&&o.c.persistence.B("$set_once",s),I.d(i)||i(t,e)})),!I.d(c)&&I.k(c)&&!I.S(c)&&(o.c.persistence.Q("$add",c),this.Ab(c,function(t,n){0==t&&o.c.persistence.B("$add",c),I.d(e)||e(t,n)})),!I.d(l)&&I.k(l)&&!I.S(l)&&(o.c.persistence.Q("$union",l),this.Rb(l,function(t,e){0==t&&o.c.persistence.B("$union",l),I.d(r)||r(t,e)})),!I.d(u)&&I.isArray(u)&&u.length){for(var p=u.length-1;0<=p;p--){var f=u.pop();o.append(f,function(t,e){0==t&&o.c.persistence.B("$append",f),I.d(n)||n(t,e)})}o.c.persistence.save()}},c.prototype.Z=function(t){return"$distinct_id"===t||"$token"===t},u.bc=function(t,r){I.qc(this),this.Za=r,this.ab=this.Za.persistence,this.D=I.s(t.id),this.Fb=I.s(t.message_id),this.body=(I.s(t.body)||"").replace(/\n/g,"<br/>"),this.vc=I.s(t.cta)||"Close",this.ca=I.s(t.cta_url)||n,this.Va=I.s(t.image_url)||n,this.da=I.s(t.type)||"takeover",this.style=I.s(t.style)||"light",this.K=I.s(t.thumb_image_url)||n,this.title=I.s(t.title)||"",this.za=I.s(t.video_url)||n,this.ia=D.ac,this.V=D.$b,this.ra=e,this.ca||(this.ca="#dismiss",this.ra=i),this.u="mini"===this.da,this.u||(this.da="takeover"),this.Jc=this.u?D.Aa:D.W,this.lb(),this.ua=this.hc(),this.kc()};var D=u.bc;D.L=200,D.z="mixpanel-notification",D.ja=.6,D.G=25,D.ma=200,D.W=388,D.Aa=420,D.A=85,D.Ba=5,D.I=60,D.Ca=Math.round(D.I/2),D.ac=595,D.$b=334,D.prototype.show=function(){var t=this;this.lb(),this.o?(this.jc(),this.ic(),this.lc(this.cc)):setTimeout(function(){t.show()},300)},D.prototype.Qa=I.m(function(){this.Eb||this.jb({invisible:e});var t=this.Uc?this.h("video"):this.O();if(this.Ub)this.mc("bg","visible"),this.M(t,"exiting"),setTimeout(this.kb,D.L);else{var n,i,r;this.u?(n="right",i=20,r=-100):(n="top",i=D.G,r=D.ma+D.G),this.na([{p:this.h("bg"),l:"opacity",start:D.ja,i:0},{p:t,l:"opacity",start:1,i:0},{p:t,l:n,start:i,i:r}],D.L,this.kb)}}),D.prototype.M=I.m(function(t,e){e=D.z+"-"+e,"string"==typeof t&&(t=this.h(t)),t.className?~(" "+t.className+" ").indexOf(" "+e+" ")||(t.className+=" "+e):t.className=e}),D.prototype.mc=I.m(function(t,e){e=D.z+"-"+e,"string"==typeof t&&(t=this.h(t)),t.className&&(t.className=(" "+t.className+" ").replace(" "+e+" ","").replace(/^[\s\xA0]+/,"").replace(/[\s\xA0]+$/,""))}),D.prototype.na=I.m(function(t,n,r,o){var a,s,c=this,u=i;a=1*new Date;var l,o=o||a;for(l=a-o,a=0;a<t.length;a++)if(s=t[a],"undefined"==typeof s.F&&(s.F=s.start),s.F!==s.i){var u=e,p=s.i>=s.start?1:-1;s.F=s.start+(s.i-s.start)*l/n,"opacity"!==s.l&&(s.F=Math.round(s.F)),(0<p&&s.F>=s.i||0>p&&s.F<=s.i)&&(s.F=s.i)}if(u){for(a=0;a<t.length;a++)s=t[a],s.p&&(s.p.style[s.l]=""+s.F+("opacity"===s.l?"":"px"));setTimeout(function(){c.na(t,n,r,o)},10)}else r&&r()}),D.prototype.cc=I.m(function(){var t=this;this.Vc||this.gb()[this.D]||(this.Vc=e,this.o.appendChild(this.ea),setTimeout(function(){var e=t.O();if(t.Ub)t.u||t.M("bg","visible"),t.M(e,"visible"),t.ib();else{var n,i,r;t.u?(n="right",i=-100,r=20):(n="top",i=D.ma+D.G,r=D.G),t.na([{p:t.h("bg"),l:"opacity",start:0,i:D.ja},{p:e,l:"opacity",start:0,i:1},{p:e,l:n,start:i,i:r}],D.L,t.ib)}},100),I.J(t.h("cancel"),"click",function(e){e.preventDefault(),t.Qa()}),I.J(t.h("button")||t.h("mini-content"),"click",function(e){e.preventDefault(),t.T?(t.Ma("$campaign_open",{$resource_type:"video"}),t.nc()):(t.Qa(),t.ra&&t.Ma("$campaign_open",{$resource_type:"link"},function(){window.location.href=t.ca}))}))}),D.prototype.h=function(t){return E.getElementById(D.z+"-"+t)},D.prototype.O=function(){return this.h(this.da)},D.prototype.gb=function(){return this.ab.props.__cmpns||(this.ab.props.__cmpns={})},D.prototype.N=function(t,e){return this.C[t]&&this.C[t]<=e},D.prototype.hc=function(){var t=[];return this.u?(this.K=this.K||"//cdn.mxpnl.com/site_media/images/icons/notifications/mini-news-dark.png",t.push(this.K)):(this.Va?(t.push(this.Va),this.yb='<img id="img" src="'+this.Va+'"/>'):this.yb="",this.K?(t.push(this.K),this.Ob='<div id="thumbborder-wrapper"><div id="thumbborder"></div></div><img id="thumbnail" src="'+this.K+'" width="'+D.I+'" height="'+D.I+'"/><div id="thumbspacer"></div>'):this.Ob=""),t},D.prototype.ic=function
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script async src="//cache.nymag.com/js/final.min.17ced73b.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script async src="http://www.zergnet.com/zerg.js?id=26792"></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
