mirrors/newspaper
1
0
Fork 0
mirror of https://github.com/codelucas/newspaper.git synced 2025-12-23 05:36:50 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
newspaper/tests/data/html/details.com2.html
codelucas e8c006b427 Refactor /tests to prep for mocking all HTML
2015-01-16 13:24:34 -08:00

9473 lines
117 KiB
HTML
Raw Blame History

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" ng-app="cnapp">
<head>
<link rel="stylesheet" type="text/css" media="screen" href="/css/lib-min.css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="/css/ie.css" />
<![endif]-->
<link rel="stylesheet" type="text/css" media="print" href="/css/print-min.css" />
<!-- MOBIFY - DO NOT ALTER - PASTE IMMEDIATELY AFTER OPENING HEAD TAG -->
<script type="text/javascript">/*<![CDATA[*/(function(a){function b(a,b){if(+a)return~a||(d.cookie=h+"=; path=/");j=d.createElement(e),k=d.getElementsByTagName(e)[0],j.src=a,b&&(j.onload=j.onerror=b),k.parentNode.insertBefore(j,k)}function c(){n.api||b(l.shift()||-1,c)}if(this.Mobify)return;var d=document,e="script",f="mobify",g="."+f+".com/",h=f+"-path",i=g+"un"+f+".js",j,k,l=[!1,1],m,n=this.Mobify={points:[+(new Date)],tagVersion:[6,1],ajs:"//a.mobify.com/details-2/a.js"},o=/((; )|#|&|^)mobify-path=([^&;]*)/g.exec(location.hash+"; "+d.cookie);o?(m=o[3])&&!+(m=o[2]&&sessionStorage[h]||m)&&(l=[!0,"//preview"+g+escape(m)]):(l=a()||l,l[0]&&l.push("//cdn"+i,"//files01"+i)),l.shift()?(d.write('<plaintext style="display:none;">'),setTimeout(c)):b(l[0])})(function(){if(/ip(hone|od)|android.*(mobile)|blackberry.*applewebkit/i.test(navigator.userAgent)){return[1,"//cdn.mobify.com/sites/details-2/production/mobify.js"]}return[0,Mobify.ajs]})/*]]>*/</script>
<!-- END MOBIFY -->
<script src="//assets.adobedtm.com/6372cf21ef88ee60bc2977a4898dcb5c7945a212/satelliteLib-edd1e66f99f849160bd72678c08a3b1e5ddad5d8.js"></script>
<!-- MAIN -->
<title>Going Gray: Perfect Wardrobe : Details</title>
<script type="text/javascript" src="/js/details_global.js"></script>
<meta http-equiv="Content-Language" content="en-us" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="false" />
<meta name="Author" content="Details Magazine" />
<meta name="Copyright" content="Copyright (c) Cond&#233; Nast 2015" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta name="ROBOTS" content="NOARCHIVE" />
<meta name="description" content="This season, designers updated a classic color by way of modern silhouettes both tailored and casual. The verdict? The most effortless way to transition into fall is all in the shading." />
<meta name="distribution" content="Global" />
<meta name="format-detection" content="telephone=no" />
<meta name="keywords" content="style and advice, perfect wardrobe, Menswear, gray suits, gray shirts, gray pants, gray coats, gray sweaters, fashion and style, fashion, style" />
<link rel="canonical" href="http://www.details.com/fashion-style/perfect-wardrobe/201408/gray-shirts-sweaters-pants-suits-coats-for-fall" />
<link rel="Shortcut Icon" href="/favicon.ico" type="image/x-icon" />
<link rel="apple-touch-icon" href="/css/i/icons/touch_icon.png" />
<meta property="fb:admins" content="648235154, 789168297, 688620285" />
<meta property="og:image" content="http://www.details.com/images/style-advice/perfect-wardrobe/201408/gray-fall-fashion/01-ermenegildo-zenga-couture-gray-blazer-carven-white-shirt-thumb.jpg"/>
<meta property="og:site_name" content="Details"/>
<meta property="og:title" content="Going Gray" />
<meta property="og:url" content="http://www.details.com/fashion-style/perfect-wardrobe/201408/gray-shirts-sweaters-pants-suits-coats-for-fall"/>
<meta property="og:type" content="article"/>
<meta name='parsely-page' content='{"title": "Going Gray: Perfect Wardrobe","link": "http://www.details.com/fashion-style/perfect-wardrobe/201408/gray-shirts-sweaters-pants-suits-coats-for-fall","image_url": "http://www.details.com/images/style-advice/perfect-wardrobe/201408/gray-fall-fashion/01-ermenegildo-zenga-couture-gray-blazer-carven-white-shirt-thumb.jpg","type": "post","post_id": "2000000002815870","pub_date": "2014-07-31T00:00:00Z","section": "Fashion Style","author": "Robert Nethery","tags": ["style and advice","perfect wardrobe","Menswear","gray suits","gray shirts","gray pants","gray coats","gray sweaters","fashion and style","fashion","style"]}'>
<script type="text/javascript">
CN.config.set({
title : "Going Gray: Perfect Wardrobe",
url : 'http://www.details.com/fashion-style/perfect-wardrobe/201408/gray-shirts-sweaters-pants-suits-coats-for-fall',
description : "This season, designers updated a classic color by way of modern silhouettes both tailored and casual. The verdict? The most effortless way to transition into fall is all in the shading.",
keywords : "style and advice, perfect wardrobe, Menswear, gray suits, gray shirts, gray pants, gray coats, gray sweaters, fashion and style, fashion, style",
facebook : {pageid: "7477053657"},
isiFrame : true
});
</script>
<script type="text/javascript">
CN.site.init({
env: 'PROD',
code: 'DET',
title: 'Details',
name: 'details',
tld: 'details.com',
alias: 'Details.com',
eventTrackingUrl: 'http://result.details.com',
eventTrackingEnv: 'PROD',
mobilecompatible: 'true',
httpStatusCode: 200,
userServiceUrl: 'http://user-service.condenastdigital.com',
userServiceKey: 'J6NITViWkLrv6w8esxQOtMejg1E=',
ecomUrl: 'https://subscribe.details.com/api/circ/xml/Transaction',
litereg: 'true'
});
</script>
<script type="text/javascript" src="/js/details_top.js"></script>
<script type="text/javascript" src="//use.typekit.net/wym7qef.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<script type="text/javascript">
var defaultHost = "www.details.com";
var secureHost = "secure.details.com";
var isSecure = location.protocol == "https:" ? true : false;
</script>
<script type="text/javascript" src="http://event.details.com/js/eventTracker.js"></script>
<link rel="stylesheet" type="text/css" media="Screen" href="/css/list.css" />
<script type="text/javascript">
CN.config.set({
hasIntro : false,
playTimer : 5,
transition : 'standard',
contentId : 2000000002815870,
viewAll : true,
carousel : true,
imagelist : false,
viewLarger : true
});
// Adds classes for rendering based on intro and hash state
(function() {
var fragment = CN.url.getFragment(),
slide = CN.url.params().slide;
// For page rendering purposes, we have a visible intro if we hit the page without a fragment id
if (CN.page.config.hasIntro === true && ((fragment === false || fragment === 'intro') && !slide)) {
jQuery('html').addClass('slideshow-hasintro-true');
}
// If DCT turns off intro page, we show intro if it exists
if (CN.page.config.hasIntro === false) {
jQuery('html').addClass('slideshow-showintro-true');
}
// Showing the initial JSP-provided slide depends on whether the URL agrees with the JSP provided slide
if (fragment === false || fragment === 'slide=1' || fragment === 'intro' || (fragment === false && slide)) {
jQuery('html').addClass('slideshow-showinitial-true');
} else {
jQuery('html').addClass('slideshow-showinitial-false');
}
})();
</script>
<style>
#wrapper {
background:none;
position: static;
}
.slideOverlay .content-headline,
.listE .details-headline h1,
.home .set15 h3.header a,
.channel-page .set15 h3.header a,
#page-tail .features.set4 .carousel h3.header a {
text-transform: none;
}
.home #hp-rotator {
overflow: hidden !important;
}
#hp-rotator .features {
z-index:0;
}
#hp-rotator .features .feature-dartad {
top: 0;
}
.listE .itemA .item-text b:first-child {
padding-top: 0 !important;
display: inline;
}
.features div.videooverlay a > .playbutton {
display: none;
}
#topBannerAd .displayAd {
width: auto;
display: inline-block;
}
/*Hide rightrail A and right Rail B for following articles and slideshows
* This is a hotfix specfic to campaign.
*/
.s_fashion-style.ss_perfect-wardrobe.c_201006.listC #AMS_DET_GLOBAL_RIGHTRAIL_A,
.s_fashion-style.ss_perfect-wardrobe.c_201006.article #AMS_DET_GLOBAL_RIGHTRAIL_A,
.s_fashion-style.ss_rules-of-style.c_201006.article #AMS_DET_GLOBAL_RIGHTRAIL_A,
.s_fashion-style.ss_rules-of-style.c_201006.listC #AMS_DET_GLOBAL_RIGHTRAIL_A,
.s_fashion-style.ss_perfect-wardrobe.c_201006.listC #AMS_DET_GLOBAL_RIGHTRAIL_B,
.s_fashion-style.ss_perfect-wardrobe.c_201006.article #AMS_DET_GLOBAL_RIGHTRAIL_B,
.s_fashion-style.ss_rules-of-style.c_201006.article #AMS_DET_GLOBAL_RIGHTRAIL_B,
.s_fashion-style.ss_rules-of-style.c_201006.listC #AMS_DET_GLOBAL_RIGHTRAIL_B{
display: none !important;
}
.listC #wrapper {
background:none !important;
}
#in-stream900x90_frame > div {
background: #fff;
}
.ad-insteam {
text-align: center;
}
#yrail_ads_top .yrail_ad_wrap.noscroll {
margin-left: 0 !important;
position: static !important;
}
#rolloverAd.hideComponent,
#AMS_DET_GLOBAL_SLIDESHOW_RIGHTRAIL.hideComponent{
display: none !important;
}
</style>
<script type="text/javascript">
jQuery(function(){
if(/(american-fashion-menswear-designers-style-trends|america-fashion-inventions|classic-american-fashion-brands|quintessentially-american-fashion-archetypes|made-in-america-grooming-products|john-varvatos-thom-browne-and-michael-bastian-talk-american-style|public-school-woolmark-american-menswear-finalists-2014|fashion-style\/rules-of-style|blogs\/.*rules-of-style)/.test(location.pathname)){
jQuery('#AMS_DET_GLOBAL_RIGHTRAIL_A,#rolloverAd').addClass('hideComponent');
jQuery(window).on('hashchange',function(){
jQuery('#AMS_DET_GLOBAL_SLIDESHOW_RIGHTRAIL').addClass('hideComponent');
});
jQuery(function(){
setTimeout(function(){jQuery('#AMS_DET_GLOBAL_SLIDESHOW_RIGHTRAIL').addClass('hideComponent')},200);
});
}else {
if(!(/^\/$/.test(location.pathname)) && !jQuery('body').hasClass('listC') && !jQuery('body').hasClass('listE')){
CN.popups.setLayer(true).setExiting(false).init();
}
}
});
if(/^\/(fashion-style|body-health|grooming|culture-trends)?\/?$/.test(location.pathname)) {
jQuery(window).on('CN.customEvents.GPTAdsRendered',function(){
if(jQuery('#yrail_ads_top').length && jQuery('#yrail_ads_top .yrail_ad_wrap').outerHeight() > 1000) {
jQuery('#yrail_ads_top .yrail_ad_wrap').addClass('noscroll');
}
});
jQuery(window).scroll(function(){
if(jQuery('#yrail_ads_top').length && jQuery('#yrail_ads_top .yrail_ad_wrap').outerHeight() > 1000) {
jQuery('#yrail_ads_top .yrail_ad_wrap').addClass('noscroll');
}
});
}else if (/^\/(fashion-style)\/(rules-of-style|perfect-wardrobe)\/201006\//.test(location.pathname)){
/*CN.popups.setLayer(false).setExiting(false).setArriving(false).init();
jQuery(function(){
jQuery('.home #rolloverAd').addClass('hide');
});*/
}
else {
//CN.popups.setLayer(true).setExiting(false).init();
}
CN.ecom.rolloverAd.setOffset(1, -29).timeout(3);
</script>
<script type="text/javascript">
//<!--
CN.dart.init({
adUnits: {
unit1: 'details.dart',
unit2: 'fashion_style;',
unit3: 'perfect-wardrobe',
unit4: '201408'
},
contentId: '2000000002815870',
contentType: 'List',
kws:[ "list","fashion-style","perfect-wardrobe","gray-shirts-sweaters-pants-suits-coats-for-fall","201408"],
charmap : {' ' : '+', '-' : '_'},
useOneAdCall : true,
gptCallback : function(ad){
if(ad) {
if ( ad.size[0] == 1 && ad.size[1] == 1 && !ad.isEmpty) {
jQuery('#floatingAd').addClass('hide');
}
}
}
});
//-->
</script>
<script>
CN.dart.oneAdCall({'header': {sz:'728x90', kws:["top"]},
'trail': {sz:'184x64', kws:["top"]},
'yrailTop': {sz:'300x250', kws:["top"]},
'yRailBottom': {sz:'300x250', kws:["bottom"]},
'PolarAdDiv3': {sz:'315x200', kws:[]}});
</script>
</head>
<body class="s_fashion-style ss_perfect-wardrobe c_201408 listC listCitemB" ng-controller="PageCtrl">
<misc:replaceString var="canonicalUrl" input="http://www.details.com/fashion-style/perfect-wardrobe/201408/gray-shirts-sweaters-pants-suits-coats-for-fall" regex="(.*)/$" substitution="$1" />
<!--Adobe Target Mbox-->
<script>promoKeywords='default';</script>
<div class="mboxDefault"></div>
<script type="text/javascript">
/** Encode special characters in a string*/
var htmlEncode = (function(str) {
var map = {"&":"amp", "<":"lt", ">":"gt", '"':"quot", "'":"#39"};
return str.replace(/[&<>"']/g, function(match) { return "&" + map[match] + ";"; });
});
var mboxDesc = jQuery("meta[name='description']").attr('content') || '';
mboxCreate(
'det_ed_global',
'entity.id=2000000002815870',
'entity.name=' + htmlEncode(mboxDesc),
'entity.categoryId=List',
'entity.pageUrl=http://www.details.com/fashion-style/perfect-wardrobe/201408/gray-shirts-sweaters-pants-suits-coats-for-fall',
'entity.thumbnailUrl=/images/style-advice/perfect-wardrobe/201408/gray-fall-fashion/01-ermenegildo-zenga-couture-gray-blazer-carven-white-shirt-thumb.jpg',
'entity.inventory=1',
'entity.value=1',
'entity.brand=details'
);
</script>
<!--End Adobe Target Mbox-->
<!-- Polar metadata placeholders -->
<div style="display: none">
<div id="PolarAdDiv3315x200_frame"></div>
</div>
<script type="text/javascript" src="/js/ecomfw.min.js"></script>
<script type="text/javascript" src="/js/details_ecom.js"></script>
<script type="text/javascript">
window._ghearst_vars = (function() {
if( typeof metaKeyWords === "undefined" ){
metaKeyWords = "";
}
return {
'ams_ads_script_src': 'http://subscribe.details.com/ams/page-ads.js?ad_category_prefix=fashion-style&keywords='+metaKeyWords+'&browser_path=%2Ffashion-style%2Fperfect-wardrobe%2F201408%2Fgray-shirts-sweaters-pants-suits-coats-for-fall&cat_prefixes=%2Cfashion-style%2Cperfect-wardrobe%2C201408%2Cgray-shirts-sweaters-pants-suits-coats-for-fall&position_list=AMS_DET_GLOBAL_SLIDESHOW%2CAMS_DET_POPUP_FLOATINGAD%2CAMS_DET_GLOBAL_NAVBAR_ROLLOVER%2CAMS_DET_GLOBAL_RIGHTRAIL_A%2CAMS_DET_GLOBAL_RIGHTRAIL_B%2CAMS_DET_GLOBAL_EMBEDDEDFORM%2CAMS_DET_GLOBAL_FOOTER%2CAMS_DET_GLOBAL_FOOTER_TEXTLINK%2CAMS_DET_GLOBAL_MAGAZINE_SUBNAV%2CAMS_DET_GLOBAL_NAVBAR%2CAMS_DET_HOMEPAGE_HEADERCALLOUT%2CAMS_DET_GLOBAL_HEADER%2CAMS_DET_LITEREG_SUBSCRIBE&site_prefix=details&subdomain=www&url_name=gray-shirts-sweaters-pants-suits-coats-for-fall'
}
})();
(function($) {
var show = function() {
$('.ecom-placement').each(function() {
$(this).css('visibility', 'visible');
});
};
$LAB.script(_ghearst_vars.ams_ads_script_src)
.wait(function() {
CN.hearstQue.run(window.pageAds);
jQuery(window).trigger('CN.custom.event.ecomLoaded');
});
setTimeout(show, 10 * 1000);
}(jQuery));
</script>
<!-- Floating Ad Template -->
<div id="floatingAd" style="display:none;">
<div id="floatingAd_header">
<a href="#">Close</a>
</div>
<div id="floatingAd_content">
<div id="AMS_DET_POPUP_FLOATINGAD" class="ecom-placement">
<a href="http://www.details.com/go/failsafe" target="_blank"><img border="0" src="/images/ecom/failsafe/DET_popup_floating.jpg" alt="Subscribe to Details" title="Subscribe to Details" /></a>
<script type="text/javascript">
CN.hearstQue.register(function(pageAds){
var div = null;
if ((typeof pageAds !== 'undefined') && (typeof pageAds.AMS_DET_POPUP_FLOATINGAD !== 'undefined') && (CN.url.params('nojoy') != 1) ) {
div = document.getElementById("AMS_DET_POPUP_FLOATINGAD");
div.innerHTML = "";
jQuery("#AMS_DET_POPUP_FLOATINGAD").html(pageAds.AMS_DET_POPUP_FLOATINGAD.replace(/document.write\(.*\)/gi,"/*filtered by amg-magnet:document.write(...)*/"));
jQuery(div).css({
visibility: 'visible'
});
}
});
</script>
</div>
</div>
</div>
<div id="wrapper">
<div id="header" class="sticky">
<div id="topBannerAd" style="display: none">
<div id="header728x90_frame" class="displayAd displayAd728x90Js" data-cb-ad-id="header728x90_frame"></div>
</div>
<div class="header-position">
<div id="logo">
<a title="Go to the Details homepage" href="/"><img alt="Details" src="/css/i/global/desktop_logo.png" /></a>
</div>
<div class="header-menu">
<a><img alt="Details" src="/css/i/global/header_menu.png" /></a>
<div id="global-nav">
<ul id="global-nav-menu">
<li class="Ham_arrowUp"></li>
<li id="nav-home"><a href="/" title="">Home</a></li>
<li id="nav-fashion-style"><a href="/fashion-style" title="">Fashion & Style</a></li>
<li id="nav-body-health"><a href="/body-health" title="">Body & Health</a></li>
<li id="nav-grooming"><a href="/grooming" title="">Grooming</a></li>
<li id="nav-culture-trends"><a href="/culture-trends" title="">Culture & Trends</a></li>
<li id="nav-ultimate-guides"><a href="/ultimate-guides/all" title="">Ultimate Guides</a></li>
<li id="nav-video"><a href="http://video.details.com/" title="">Video</a></li>
<li id="nav-style-network"><a href="http://network.details.com/" title="">Details Network</a></li>
<li id="nav-promotions-events"><a href="http://www.detailsinsider.com/" title="">Promos & Events</a></li>
<li id="nav-magazine"><a href="/magazine" title="">Magazine</a></li>
</ul>
<hr />
<div id="global-sub-menu">
<ul id="subnav-fashion-style">
<li class="first"><a href="/fashion-style/what-to-wear-now">What to Wear Now</a></li>
<li><a href="/fashion-style/designers">Designers</a></li>
<li><a href="/fashion-style/street-style">Street Style</a></li>
<li><a href="/fashion-style/style-tips">Style Tips</a></li>
<li><a href="/fashion-style/fashion-week">Fashion Week</a></li>
<li><a href="/fashion-style/models">Models</a></li>
<li><a href="/fashion-style/watches">Watches</a></li>
<li><a href="/fashion-style/shoes">Shoes</a></li>
<li><a href="/fashion-style/suits">Suits</a></li>
<li><a href="/fashion-style/eyewear">Eyewear</a></li>
<li class="last"><a href="/fashion-style/coats-jackets">Coats & Jackets</a></li>
</ul>
<ul id="subnav-body-health">
<li class="first"><a href="/body-health/exercise-workout">Exercise & Workout</a></li>
<li><a href="/body-health/food-diet">Food & Diet</a></li>
<li><a href="/body-health/psyche">Psyche</a></li>
<li><a href="/body-health/sex-relationships">Sex & Relationships</a></li>
<li><a href="/body-health/health-myths">Health Myths</a></li>
<li class="last"><a href="/body-health/alternative-practices">Alternative Practices</a></li>
</ul>
<ul id="subnav-grooming">
<li class="first"><a href="/grooming/hair">Hair</a></li>
<li><a href="/grooming/fragrance">Fragrance</a></li>
<li><a href="/grooming/body-face">Body & Face</a></li>
<li class="last"><a href="/grooming/shaving">Shaving</a></li>
</ul>
<ul id="subnav-culture-trends">
<li class="first"><a href="/culture-trends/celebrities">Celebrities</a></li>
<li><a href="/culture-trends/movies-tv">Movies & TV</a></li>
<li><a href="/culture-trends/music-books">Music & Books</a></li>
<li><a href="/culture-trends/food-drink">Food & Drink</a></li>
<li><a href="/culture-trends/tech-gear">Tech & Gear</a></li>
<li><a href="/culture-trends/home-interiors">Home & Interiors</a></li>
<li><a href="/culture-trends/sports">Sports</a></li>
<li><a href="/culture-trends/art-design">Art & Design</a></li>
<li><a href="/culture-trends/cars">Cars</a></li>
<li><a href="/culture-trends/travel">Travel</a></li>
<li class="last"><a href="/culture-trends/critical-eye">Critical Eye</a></li>
</ul>
<ul id="subnav-ultimate-guides">
<li class="first"><a href="/ultimate-guides/2014-holiday-gift-guides">Gift Guides</a></li>
<li><a href="/ultimate-guides/best-hairstyles-cuts-for-men">Hairstyles & Cuts</a></li>
<li><a href="/ultimate-guides/best-watches-for-men">Watches Buying Guide</a></li>
<li><a href="/ultimate-guides/best-grooming-products-awards">Grooming Products & Awards</a></li>
<li><a href="/ultimate-guides/best-tailoring-suit">Tailoring Tips</a></li>
<li><a href="/ultimate-guides/best-house-home">House & Home</a></li>
<li><a href="/ultimate-guides/best-travel">Travel Destinations</a></li>
<li><a href="/ultimate-guides/best-street-style">Street Style Top Picks</a></li>
<li><a href="/ultimate-guides/classic-hollywood-style">Celebrity Style</a></li>
<li class="last"><a href="/ultimate-guides/all">See All</a></li>
</ul>
<ul id="subnav-magazine">
<li class="first"><a href="/magazine/details-mobile-ipad-nook-kindle-zinio-android">Tablet Editions</a></li>
<li><a href="/celebrities-entertainment/cover-stars/201003/details-anniversary-best-of-cover-stars#slide=1">A Decade of Covers</a></li>
<li class="last">
<div id="AMS_DET_GLOBAL_MAGAZINE_SUBNAV" class="ecom-placement">
<a href="http://www.details.com/go/failsafe" target="_blank" title="Subscribe to Details magazine">Subscribe</a>
<script type="text/javascript">
CN.hearstQue.register(function(pageAds){
var div = null;
if ((typeof pageAds !== 'undefined') && (typeof pageAds.AMS_DET_GLOBAL_MAGAZINE_SUBNAV !== 'undefined') && (CN.url.params('nojoy') != 1) ) {
div = document.getElementById("AMS_DET_GLOBAL_MAGAZINE_SUBNAV");
div.innerHTML = "";
jQuery("#AMS_DET_GLOBAL_MAGAZINE_SUBNAV").html(pageAds.AMS_DET_GLOBAL_MAGAZINE_SUBNAV.replace(/document.write\(.*\)/gi,"/*filtered by amg-magnet:document.write(...)*/"));
jQuery(div).css({
visibility: 'visible'
});
}
});
</script>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="header-search">
<a id="search-icon" href="#"></a>
<form name="search_form_rail" id="search_form_rail" action="/search" class="paginatorForm" method="get">
<div class="row">
<input type="hidden" name="qt" value="dismax" />
<input type="hidden" name="sort" value="score desc" />
<input type="text" name="query" id="results-search-rail" value="" />
<button name="submit" class="submit" id="submit_rail" title="Search" type="submit">Submit</button>
</div>
</form>
</div>
<div id="sub-nav">
<ul id="sub-nav-menu">
<li id="nav-resolutions"><a href="/body-health/fitness-plans/201112/new-years-resolutions-workout-plan-exercises" title="">Resolutions</a></li>
<li id="nav-best-dressed-list"><a href="/fashion-style/style-tips/201412/best-dressed-men-2014#/slide=1" title="">Best-Dressed List</a></li>
<li id="nav-Video"><a href="http://video.details.com" title="">Video</a></li>
<li id="nav-details_network"><a href="http://network.details.com/" title="">Details Network</a></li>
<li id="navbar-ecom">
<div id="AMS_DET_GLOBAL_NAVBAR" class="ecom-placement">
<a class="subscribe" href="http://www.details.com/go/failsafe" target="_blank" title="Subscribe to Details magazine">Subscribe</a>
<script type="text/javascript">
CN.hearstQue.register(function(pageAds){
var div = null;
if ((typeof pageAds !== 'undefined') && (typeof pageAds.AMS_DET_GLOBAL_NAVBAR !== 'undefined') && (CN.url.params('nojoy') != 1) ) {
div = document.getElementById("AMS_DET_GLOBAL_NAVBAR");
div.innerHTML = "";
jQuery("#AMS_DET_GLOBAL_NAVBAR").html(pageAds.AMS_DET_GLOBAL_NAVBAR.replace(/document.write\(.*\)/gi,"/*filtered by amg-magnet:document.write(...)*/"));
jQuery(div).css({
visibility: 'visible'
});
}
});
</script>
</div>
<!-- Rollover Ad Template for instance rolloverAd-->
<div id="rolloverAd" class="rolloverAd" style="display:none;">
<div id="rolloverAd_header" class="rolloverAd_header">
<a href="#">Close</a>
</div>
<div id="rolloverAd_content" class="rolloverAd_content">
<div id="AMS_DET_GLOBAL_NAVBAR_ROLLOVER" class="ecom-placement">
<a href="http://www.details.com/go/failsafe" target="_blank"><img border="0" src="/images/ecom/failsafe/DET_navbar_rollover.jpg" alt="Subscribe to Details" title="Subscribe to Details" usemap="#rollovermap"/></a>
<script type="text/javascript">
CN.hearstQue.register(function(pageAds){
var div = null;
if ((typeof pageAds !== 'undefined') && (typeof pageAds.AMS_DET_GLOBAL_NAVBAR_ROLLOVER !== 'undefined') && (CN.url.params('nojoy') != 1) ) {
div = document.getElementById("AMS_DET_GLOBAL_NAVBAR_ROLLOVER");
div.innerHTML = "";
jQuery("#AMS_DET_GLOBAL_NAVBAR_ROLLOVER").html(pageAds.AMS_DET_GLOBAL_NAVBAR_ROLLOVER.replace(/document.write\(.*\)/gi,"/*filtered by amg-magnet:document.write(...)*/"));
jQuery(div).css({
visibility: 'visible'
});
}
var callback = { func: MAGNET.ecom.rolloverAd.init,params: ['rolloverAd'] };
callback.func.call(CNP.ecom, callback.params);
});
</script>
</div>
</div>
<div id="rolloverAd_footer" class="rolloverAd_footer"></div>
</div>
</li>
</ul>
</div>
<div class="header-social-icons">
<ul>
<li id="instagram"><a target="_blank" href="http://instagram.com/detailsmag"></a></li>
<li id="tumbler"><a target="_blank" href="http://details.tumblr.com/"></a></li>
<li id="facebook"><a target="_blank" href="https://www.facebook.com/DETAILS"></a></li>
<li id="twitter"><a target="_blank" href="https://twitter.com/details"></a></li>
<li id="pinterest"><a target="_blank" href="http://www.pinterest.com/detailsmag/"></a></li>
</ul>
</div>
<div id="header-subs">
<div id="AMS_DET_HOMEPAGE_HEADERCALLOUT">
<img border="0" src="/images/ecom/failsafe/DET_headercallout_300x75.png" alt="Subscribe to Details" title="Subscribe to Details" usemap="#headercalloutmap"/>
<map name="headercalloutmap">
<area shape="rect" coords="0,0,309,50" href="http://www.details.com/go/failsafe" alt="Subscribe Now">
<area shape="rect" coords="20,50,118,80" href="http://www.details.com/go/failsafe" alt="Subscribe Now">
<area shape="rect" coords="134,50,151,80" href="http://www.details.com/go/giftfailsafe" alt="Gift">
<area shape="rect" coords="168,50,206,80" href="https://w1.buysub.com/pubs/N3/DET/login_3_methods.jsp?cds_page_id=3489" alt="Renew">
<area shape="rect" coords="219,50,288,80" href="http://www.details.com/go/internationalfailsafe" alt="International">
</map>
<script type="text/javascript">
CN.hearstQue.register(function(pageAds){
var div = null;
if ((typeof pageAds !== 'undefined') && (typeof pageAds.AMS_DET_HOMEPAGE_HEADERCALLOUT !== 'undefined') && (CN.url.params('nojoy') != 1) ) {
div = document.getElementById("AMS_DET_HOMEPAGE_HEADERCALLOUT");
div.innerHTML = "";
jQuery("#AMS_DET_HOMEPAGE_HEADERCALLOUT").html(pageAds.AMS_DET_HOMEPAGE_HEADERCALLOUT.replace(/document.write\(.*\)/gi,"/*filtered by amg-magnet:document.write(...)*/"));
jQuery(div).css({
visibility: 'visible'
});
}
});
</script>
</div>
</div>
</div>
</div>
<div id="page-wrapper"><!-- Added for full width -->
<div id = "page">
<!-- HOME PAGE,CULTURE TRENDS,STYLE ADVICE,CELEBRITIES ENTERTAINMENT,HEALTH FITNESS,VIDEO,MAGAZINE-->
<!-- START TOP RAIL -->
<!-- start toprail -->
<div id="toprail">
<div id="position1_toprail"><div id="ps1_fs1_toprail" class="features"><div class="feature manual imagetop first">
<h3 class="header">
Now <br />Trending
</h3>
</div><div class="feature manual imagetop">
<div class="captioned-photo">
<div class="w"><a href="/culture-trends/home-interiors/201412/interior-design-trends-2015#/slide=1" title=""><img class="lazy" data-original="/images/index-headers/trail/december-2014/design-predictions-Houzz.jpg" src="/images/global/dot.png" alt="" class="featureimg" /><noscript><img src="/images/index-headers/trail/december-2014/design-predictions-Houzz.jpg" alt="" class="featureimg" /></noscript></a></div>
</div>
<h3 class="header">
<a href="/culture-trends/home-interiors/201412/interior-design-trends-2015#/slide=1">10 Home Design Predictions for 2015</a>
</h3>
</div><div class="feature manual imagetop">
<div class="captioned-photo">
<div class="w"><a href="/fashion-style/style-tips/201412/best-dressed-men-2014#/slide=1" title=""><img class="lazy" data-original="/images/fashion-style/201412/best-dressed-men-2014/best-dressed-men-2014-search-thumb.jpg" src="/images/global/dot.png" alt="" class="featureimg" /><noscript><img src="/images/fashion-style/201412/best-dressed-men-2014/best-dressed-men-2014-search-thumb.jpg" alt="" class="featureimg" /></noscript></a></div>
</div>
<h3 class="header">
<a href="/fashion-style/style-tips/201412/best-dressed-men-2014#/slide=1">The Best-Dressed Men of 2014</a>
</h3>
</div><div class="feature manual imagetop">
<div class="captioned-photo">
<div class="w"><a href="/body-health/fitness-plans/201112/new-years-resolutions-workout-plan-exercises" title=""><img class="lazy" data-original="/blogs/daily-details/details-running-weight-loss-2014-thumb.jpg" src="/images/global/dot.png" alt="" class="featureimg" /><noscript><img src="/blogs/daily-details/details-running-weight-loss-2014-thumb.jpg" alt="" class="featureimg" /></noscript></a></div>
</div>
<h3 class="header">
<a href="/body-health/fitness-plans/201112/new-years-resolutions-workout-plan-exercises">New Year's Resolutions Guide</a>
</h3>
</div><div class="feature-dartad">
<div id="trail184x64_frame" class="displayAd displayAd184x64Js" data-cb-ad-id="trail184x64_frame"></div>
</div></div></div>
</div>
<!-- end toprail -->
<!-- END TOP RAIL-->
<div id="content">
<ul id='bc' title='Navigation Trail'>
<li class='first'>
<a href="/">Home</a>
</li>
<li >
<a href="/fashion-style/">Fashion & Style</a>
</li>
<li >
Perfect Wardrobe
</li>
</ul>
<script type="text/javascript">
CN.page = CN.page || {};
CN.page.type = 'List';
</script>
<div id="main">
<div class="list">
<div class="headers-container">
<div class="headers">
<h1 class="content-headline">Going Gray</h1>
<h2 class="sub-header"><span>This season, designers updated a classic color by way of modern silhouettes both tailored and casual. The verdict? The most effortless way to transition into fall is all in the shading.</span></h2>
<div class="byline">
<div class="contributors"><div class="contributor-type first last"><span class="contributor"><strong class="label">Photographs by </strong><span class="name"><a href="/contributors/robert-nethery">Robert Nethery</a></span><span class="contributor-divider"></span><span class="contributor-type-divider"></span></span></div></div>
</div>
<div class="display-date">
<!-- MMMM yyyy -->
Friday, August 01, 2014
</div>
</div>
</div>
<div class="social-utilities">
<ul class="utilities utilities-social-top">
<li class="utility-fb-share"></li>
<li class="utility-tweet"></li>
<li class="utility-gplusone">
<g:plusone></g:plusone>
</li>
<li class="utility-reddit-share"></li>
<li class="utility-stumble-upon"></li>
<li class="utility-pinit">
</li>
<li class="utility-tumblr"></li>
</ul>
<span class="more-actions"></span>
<ul class="utilities utilities-right top hidden">
<li class="utility-print"><a href="/fashion-style/perfect-wardrobe/201408/gray-shirts-sweaters-pants-suits-coats-for-fall?printable=true" title="Print this page">Print</a></li>
</ul>
</div>
<div class="intro-container">
<div class="intro">
<div class="intro-text">
</div>
</div>
</div>
<div id="items-container">
<div class="control-bar " id="show-header">
<div class="start"><a href="#">Play Slideshow</a></div>
<div class="stop"><a href="#">Pause</a></div>
<div class="viewlarger"><a href="#">View Larger</a></div>
<div class="viewall"><a href="#">View All Thumbnails</a></div>
<div class="previous"><a href="?slide=10" title="Previous slide">Previous</a></div>
<div class="count">1 of 10</div>
<div class="next"><a href="?slide=2" title="Next slide">Next</a></div>
</div>
<div class="slideshow-items items">
<div class="first-slide">
<div class="item itemB">
<!-- <div class="alt numbers">1</div> -->
<div class="captioned-photo">
<div class="w"><img itemprop="image" src="/images/style-advice/perfect-wardrobe/201408/gray-fall-fashion/01-ermenegildo-zenga-couture-gray-blazer-carven-white-shirt-VSS.jpg" alt="" class=&#38;#34;featureimg&#38;#34; /></div>
</div>
<div class="item-inner">
<div class="headers-container">
<div class="headers">
</div>
</div>
<div class="item-text">
<div class="body">
<p><i>Blazer and vest by <a href="http://www.zegna.com/us/ermenegildo-zegna/couture.html" target="_blank">Ermenegildo Zegna Couture</a>. Shirt by <a href="http://us.carven.com/us_en/?SID=4mju24sg49f4qq8p3fg33q6out5hng66" target="_blank">Carven</a>.</i></p>
</div>
<div class="footer">
</div>
</div>
</div>
</div>
</div>
</div>
<div id="item-navigation-container"></div>
<div class="control-bar " id="show-footer">
<div class="start"><a href="#">Play Slideshow</a></div>
<div class="stop"><a href="#">Pause</a></div>
<div class="viewlarger"><a href="#">View Larger</a></div>
<div class="viewall"><a href="#">View All Thumbnails</a></div>
<div class="previous"><a href="?slide=10" title="Previous slide">Previous</a></div>
<div class="count">1 of 10</div>
<div class="next"><a href="?slide=2" title="Next slide">Next</a></div>
</div>
<script type="text/javascript">
// We need to disable the controls immediately, placing this in external script requires a delay until yrail ads come back.
// There MUST be an error handler for the slideshow ajax call that deletes this div if data fails, otherwise the
// slideshow will be unusable!
jQuery('<div class="slideshow-loading"></div>').appendTo('.control-bar');
jQuery('<div class="slideshow-loading-message">Loading Slideshow</div>').appendTo('.items');
</script>
</div>
<div class="list-supporting">
<div class="footer">
</div>
<div class="photo-credits">Styling by Benjamin Sturgill. Grooming by Martin-Christopher Harper at Platform using Aveda. Casting by Edward Kim at The Edit Desk. </div>
<div class="keywords">
<dl>
<dt>Keywords</dt>
<dd><a href="/about/style-and-advice">style and advice</a>, </dd>
<dd><a href="/about/perfect-wardrobe">perfect wardrobe</a>, </dd>
<dd><a href="/about/fashion-and-style">fashion and style</a>, </dd>
<dd><a href="/about/fashion">fashion</a>, </dd>
<dd><a href="/about/style">style</a></dd>
</dl>
</div>
</div>
</div>
<div id="livefyre"></div>
<div id="slideshow-cm-container">
<div id="slideshow-cm-subsoffer">
<div id="AMS_DET_GLOBAL_SLIDESHOW" class="ecom-placement">
<a href="http://www.details.com/go/failsafe" target="_blank"><img border="0" src="/images/ecom/failsafe/DET_slideshow.gif" alt="Subscribe to Details" /></a>
<script type="text/javascript">
CN.hearstQue.register(function(pageAds){
var div = null;
if ((typeof pageAds !== 'undefined') && (typeof pageAds.AMS_DET_GLOBAL_SLIDESHOW !== 'undefined') && (CN.url.params('nojoy') != 1) ) {
div = document.getElementById("AMS_DET_GLOBAL_SLIDESHOW");
div.innerHTML = "";
jQuery("#AMS_DET_GLOBAL_SLIDESHOW").html(pageAds.AMS_DET_GLOBAL_SLIDESHOW.replace(/document.write\(.*\)/gi,"/*filtered by amg-magnet:document.write(...)*/"));
jQuery(div).css({
visibility: 'visible'
});
}
});
</script>
</div>
</div>
<div id="slideshow-cm-extra">
<div id="slideshow-cm-sharing">
<ul class="utilities utilities-slideshow-cm">
<!-- AddThis Bookmark Button BEGIN -->
<li class="utility-share"><a title="Bookmark this page" href="http://www.addthis.com/bookmark.php?pub=details&amp;url=http%3a%2f%2fwww.details.com%252Ffashion-style%252Fperfect-wardrobe%252F201408%252Fgray-shirts-sweaters-pants-suits-coats-for-fall&amp;title=Going+Gray+Perfect+Wardrobe%3a+Details.com" target="addthis" rel="nofollow" onclick="window.open(this.href, this.target, 'scrollbars=yes,menubar=no,width=620,height=420,resizable=yes,toolbar=no,location=no,status=no,screenX=200,screenY=100,left=200,top=100');">Share</a></li>
<!-- AddThis Bookmark Button END -->
</ul>
<div id="slideshow-cm-replay">
<a href="#">Replay</a>
</div>
</div>
<div id="slideshow-cm-feature">
<div class="OUTBRAIN" data-src="http://www.details.com/fashion-style/perfect-wardrobe/201408/gray-shirts-sweaters-pants-suits-coats-for-fall" data-widget-id="AR_2" data-ob-template="details" data-content-type="List" ></div>
<script type="text/javascript" src="http://widgets.outbrain.com/outbrain.js"></script>
</div>
</div>
</div>
<div id="eventListHolder" style="display:none;"></div>
<script type="text/javascript">
(function(){
var ns= window.CN || window.CNP;
ns.site = ns.site || {};
ns.site.eventTrackingList = new EventList("eventListHolder");
ns.site.eventTrackingList.setBaseUrl("http://event.details.com/");
ns.site.eventTrackingEvent = new EventObject("DET", "most_viewed");
ns.site.eventTrackingEvent.setEnvironment("PROD");
ns.site.eventTrackingEvent.setContentId("2000000002815870");
ns.site.eventTrackingEvent.setContentType("List");
ns.site.eventTrackingEvent.setFullUrl("/fashion-style/perfect-wardrobe/201408/gray-shirts-sweaters-pants-suits-coats-for-fall");
ns.site.eventTrackingEvent.setContentTitle("Going Gray");
var contentDiv = '#main .list, #main .article';
var eventImage;
if(jQuery(contentDiv).find('img').length >0){
if(jQuery(contentDiv).find('img.featureimg')){
eventImage = jQuery(contentDiv).find('img.featureimg').attr('src');
}else{
eventImage = jQuery(contentDiv).find('img:first').attr('src');
}
}else{
eventImage = "/images/global/thumb_placeholder-96.png";
}
ns.site.eventTrackingEvent.setImgUrl("/images/style-advice/perfect-wardrobe/201408/gray-fall-fashion/01-ermenegildo-zenga-couture-gray-blazer-carven-white-shirt-thumb.jpg");
ns.site.eventTrackingEvent.setProperty("pd","20140731 00:00:00");
var fullContentURL = "/fashion-style/perfect-wardrobe/201408/gray-shirts-sweaters-pants-suits-coats-for-fall";
var isAbsoluteURL = fullContentURL.substring(0,8);
var allowedTracking = 0;
if ((isAbsoluteURL.indexOf('http') == -1 && isAbsoluteURL.indexOf('https') == -1) || allowedTracking == 1) {
ns.site.eventTrackingList.addEvent(ns.site.eventTrackingEvent);
ns.site.eventTrackingList.writeImageTags();
}
}())
</script>
<script type="text/javascript" src="/js/cn-fe-common/jquery-ui-1.8.7.custom.js"></script>
<script type="text/javascript" src="/js/cn-fe-common/jquery.scrollpane.js"></script>
<script type="text/javascript" src="/js/cn-fe-common/jquery.history.js"></script>
<script type="text/javascript" src="/js/cn.slideshow.js"></script>
<script type="text/javascript" src="/js/jquery.slideshow.js"></script>
<script type="text/javascript" src="/js/cn-fe-content/v2/cn.schemaparser.js"></script>
<script type="text/javascript" src="/js/jquery.jqzoom-core.js"></script>
<script type="text/javascript" src="/js/jquery.mousewheel.js"></script>
<script type="text/javascript">
CN.config.set({ displayText: true });
</script>
</div>
</div>
<!-- YRAIL -->
<!-- start yrail -->
<div id="yrail" class="py">
<div id="yrail_ads_top">
<div class="yrail_ad_wrap">
<div id="yrailTop300x250_frame" class="displayAd displayAd300x250Js" data-cb-ad-id="yrailTop300x250_frame"></div>
</div>
</div>
<div class="yrcomponent raila">
<div class="yrpromo">
<div id="AMS_DET_GLOBAL_RIGHTRAIL_A" class="ecom-placement">
<a href="http://www.details.com/go/failsafe" target="_blank"><img src="/images/ecom/failsafe/DET_content_rra_300x75.jpg" border="0" alt="Subscribe to Details" title="Subscribe to Details" /></a>
<script type="text/javascript">
CN.hearstQue.register(function(pageAds){
var div = null;
if ((typeof pageAds !== 'undefined') && (typeof pageAds.AMS_DET_GLOBAL_RIGHTRAIL_A !== 'undefined') && (CN.url.params('nojoy') != 1) ) {
div = document.getElementById("AMS_DET_GLOBAL_RIGHTRAIL_A");
div.innerHTML = "";
jQuery("#AMS_DET_GLOBAL_RIGHTRAIL_A").html(pageAds.AMS_DET_GLOBAL_RIGHTRAIL_A.replace(/document.write\(.*\)/gi,"/*filtered by amg-magnet:document.write(...)*/"));
jQuery(div).css({
visibility: 'visible'
});
}
});
</script>
</div>
</div>
</div>
<div id="position1_yrail"><div id="ps1_fs1_yrail" class="features"><div class="feature" id="newsletter-form">
<h5 class="feature-label newsletters">Newsletter Sign Up</h5>
<form name="newslettersForm" action="https://secure.details.com/services/newsletters" method="post">
<fieldset>
<input type="hidden" name="toolkit.application" value="newsletter" />
<input type="hidden" name="toolkit.applicationId" value="" />
<input type="hidden" name="formName" value="shortForm" />
<input type="hidden" name="partnerCode" value="" />
<input type="hidden" name="sourceCode" value="" />
<!--start newsletter input -->
<fieldset>
<label for="newsletter-email" class="replace">Enter your e-mail address</label>
<div>
<input name="email" id="newsletter-email" type="text" />
<button type="submit" name="submit-newsletter" id="submit-newsletter" >submit
</button>
</div>
</fieldset><ul>
<li>
<input id="newsletter.5009" name="newsletterAndVersions" value="newsletter.5009" type="checkbox" />
<label for="newsletter.5009"></label>
<div>Get the latest in men&apos;s style, grooming, diet, fitness and pop-culture trends every Wednesday. <a href="#" class="sample" id="newsletter.5009" title="Details Weekly Newsletter">See Sample</a></div>
<input type="hidden" name="handler.newsletter" value="handler.newsletter.5009." />
<input type="hidden" name="handler.newsletter.5009.newsletterId" value="5009" />
<input type="hidden" name="handler.newsletter.5009.isRequired" value="true" />
</li>
<li>
<input id="newsletter.5165" name="newsletterAndVersions" value="newsletter.5165" type="checkbox" />
<label for="newsletter.5165"></label>
<div>Get the most popular articles, blog posts, and slideshows of the past week every Saturday. <a href="#" class="sample" id="newsletter.5165" title="Details Weekly Newsletter">See Sample</a></div>
<input type="hidden" name="handler.newsletter" value="handler.newsletter.5165." />
<input type="hidden" name="handler.newsletter.5165.newsletterId" value="5165" />
<input type="hidden" name="handler.newsletter.5165.isRequired" value="true" />
</li>
</ul>
<fieldset class="collapse">
<div id="newsletter-disclaimer">
I understand and agree that registration on or use of this site constitutes agreement to its <a href="http://www.condenast.com/services/privacy/" target="_blank">User Agreement</a>, and <a href="http://www.condenast.com/services/privacy/" target="_blank">Privacy Policy</a>.
</div>
</fieldset>
<!--end newsletter input -->
</fieldset>
</form>
</div></div><div id="ps1_fs2_yrail" class="features set8"><div class="feature first">
<div class="blurb">
<div class="text">
<div id="zergnet">
<div style="padding-top:16px;padding-bottom:10px;padding-left:13px;"><span class="title">AROUND THE WEB</span></div>
<style type="text/css">
#zergnet
{ margin-top:5px; margin-bottom:5px; border:1px solid #D2D2D2; -webkit-border-radius:10px; border-radius:10px; }
.zergheadline
{ text-align:left !important; margin-top:8px !important; }
.zergentity
{ margin-top:10px !important; margin-right:10px !important; }
.zerglayout
{ margin-left:-10px !important; }
.hideComponent
{ display:none; }
.adjustSpace .feature
{ margin-top: 5px !important; }
#zergnet.addMoreSpace {
margin-top: 10px;
}
</style>
<script language="javascript" type="text/javascript">
if(jQuery('body').hasClass('article') || jQuery('body').hasClass('listC') || jQuery('body').hasClass('blog_post')){
jQuery('#ps1_fs1_yrail').addClass('hideComponent');
jQuery('#zergnet').addClass('addMoreSpace');
}
</script>
<div id="zergnet-widget-16920" style="text-align:center;">
<a href="http://www.zergnet.com/?w=16920" target="_blank"><b>ZergNet</b></a>
</div>
<script language="javascript" type="text/javascript">
(function()
{ var zergnet = document.createElement('script'); zergnet.type = 'text/javascript'; zergnet.async = true; zergnet.src = 'http://www.zergnet.com/zerg.js?id=16920'; var znscr = document.getElementsByTagName('script')[0]; znscr.parentNode.insertBefore(zergnet, znscr); }
)();
jQuery(function(){
if(jQuery('body').hasClass('indexA') || jQuery('body').hasClass('blog_index')){
jQuery('#zergnet').parents().eq(3).addClass('hideComponent');
jQuery('#zergnet').parents().eq(3).next().addClass('adjustSpace');
}
});
</script>
<div style="font-size:12px;color:#404a52;text-align:right;margin-right:21px;margin-top:17px;padding-bottom:10px;">Powered By ZergNet</div>
</div>
</div>
</div>
</div></div><div id="ps1_fs3_yrail" class="features set8"><div class="feature most-popular">
<h3 class="tab" id="tab-most-viewed">most viewed</h3>
<div id="most-viewed">
</div>
</div></div></div>
<div class="yrcomponent">
<div id="AMS_DET_GLOBAL_EMBEDDEDFORM" class="ecom-placement">
<script type="text/javascript">
CN.hearstQue.register(function(pageAds){
var div = null;
if ((typeof pageAds !== 'undefined') && (typeof pageAds.AMS_DET_GLOBAL_EMBEDDEDFORM !== 'undefined') && (CN.url.params('nojoy') != 1) ) {
div = document.getElementById("AMS_DET_GLOBAL_EMBEDDEDFORM");
div.innerHTML = "";
jQuery("#AMS_DET_GLOBAL_EMBEDDEDFORM").html(pageAds.AMS_DET_GLOBAL_EMBEDDEDFORM.replace(/document.write\(.*\)/gi,"/*filtered by amg-magnet:document.write(...)*/"));
jQuery(div).css({
visibility: 'visible'
});
}
});
</script>
</div>
</div>
<div class="yrcomponent">
<div class="yrpromo">
<div id="AMS_DET_GLOBAL_RIGHTRAIL_B" class="ecom-placement">
<a href="http://www.details.com/go/failsafe" target="_blank"><img src="/images/ecom/failsafe/DET_content_rrb_300x457.jpg" border="0" alt="Subscribe to Details" title="Subscribe to Details" /></a>
<script type="text/javascript">
CN.hearstQue.register(function(pageAds){
var div = null;
if ((typeof pageAds !== 'undefined') && (typeof pageAds.AMS_DET_GLOBAL_RIGHTRAIL_B !== 'undefined') && (CN.url.params('nojoy') != 1) ) {
div = document.getElementById("AMS_DET_GLOBAL_RIGHTRAIL_B");
div.innerHTML = "";
jQuery("#AMS_DET_GLOBAL_RIGHTRAIL_B").html(pageAds.AMS_DET_GLOBAL_RIGHTRAIL_B.replace(/document.write\(.*\)/gi,"/*filtered by amg-magnet:document.write(...)*/"));
jQuery(div).css({
visibility: 'visible'
});
}
});
</script>
</div>
</div>
</div>
<div id="yRailBottom300x250_frame" class="displayAd displayAd300x250Js" data-cb-ad-id="yRailBottom300x250_frame"></div>
</div>
<!-- end yrail -->
</div> <!-- End of #page -->
</div>
</div>
<div class="lightreg-forms {{modalContext}}" ng-controller="LightRegCtrl">
<div id="modal-frame" modal-window="modal-window" class="ng-cloak" backdrop="true">
<div ng-view></div>
</div>
</div>
<!-- start zrail -->
<div id="zrail">
<div id="position1_zrail"><div id="ps1_fs1_zrail" class="features set16">
<h2 class="features-header header">
Ultimate Guides
</h2><div class="feature manual first">
<h5 class="rubric"><a href="/ultimate-guides/best-hairstyles-cuts-for-men"><span>Hair Styles</span></a></h5>
<div class="w"><a href="/ultimate-guides/best-hairstyles-cuts-for-men" title=""><img class="lazy" data-original="/images/homepage/August-2014/ultimate-guides-20140828/hair-hub-315x400.jpg" src="/images/global/dot.png" alt="" class="soloImg" /><noscript><img src="/images/homepage/August-2014/ultimate-guides-20140828/hair-hub-315x400.jpg" alt="" class="soloImg" /></noscript></a></div>
</div><div class="feature manual">
<h5 class="rubric"><a href="/body-health/exercise/201202/exercise-by-muscle-group"><span>Exercise</span></a></h5>
<div class="w"><a href="/body-health/exercise/201202/exercise-by-muscle-group" title=""><img class="lazy" data-original="/images/homepage/August-2014/ultimate-guides-20140828/1body-hub-315x200.jpg" src="/images/global/dot.png" alt="" class="soloImg" /><noscript><img src="/images/homepage/August-2014/ultimate-guides-20140828/1body-hub-315x200.jpg" alt="" class="soloImg" /></noscript></a></div>
</div><div class="feature manual">
<h5 class="rubric"><a href="/ultimate-guides/best-watches-for-men"><span>Watches</span></a></h5>
<div class="w"><a href="/ultimate-guides/best-watches-for-men" title=""><img class="lazy" data-original="/images/homepage/August-2014/ultimate-guides-20140828/watches-hub-315x200.jpg" src="/images/global/dot.png" alt="" class="soloImg" /><noscript><img src="/images/homepage/August-2014/ultimate-guides-20140828/watches-hub-315x200.jpg" alt="" class="soloImg" /></noscript></a></div>
</div><div class="feature manual">
<h5 class="rubric"><a href="/ultimate-guides/best-street-style"><span>Street Style</span></a></h5>
<div class="w"><a href="/ultimate-guides/best-street-style" title=""><img class="lazy" data-original="/images/homepage/August-2014/ultimate-guides-20140828/street-style-hub-315x400.jpg" src="/images/global/dot.png" alt="" class="soloImg" /><noscript><img src="/images/homepage/August-2014/ultimate-guides-20140828/street-style-hub-315x400.jpg" alt="" class="soloImg" /></noscript></a></div>
</div><div class="feature manual">
<h5 class="rubric"><a href="/body-health/fitness-plans/201112/new-years-resolutions-workout-plan-exercises"><span>Resolutions</span></a></h5>
<div class="w"><a href="/body-health/fitness-plans/201112/new-years-resolutions-workout-plan-exercises" title=""><img class="lazy" data-original="/images/ultimate-guides/ultimate-guides-collage/resolutions-315x200.jpg" src="/images/global/dot.png" alt="" class="soloImg" /><noscript><img src="/images/ultimate-guides/ultimate-guides-collage/resolutions-315x200.jpg" alt="" class="soloImg" /></noscript></a></div>
</div><div class="feature manual">
<h5 class="rubric"><a href="/fashion-style/style-tips/201408/american-fashion-menswear-designers-style-trends"><span>Classic American Menswear</span></a></h5>
<div class="w"><a href="/fashion-style/style-tips/201408/american-fashion-menswear-designers-style-trends" title=""><img class="lazy" data-original="/images/fashion-style/201409/american-style-hub/prep-american-style-315.jpg" src="/images/global/dot.png" alt="" class="soloImg" /><noscript><img src="/images/fashion-style/201409/american-style-hub/prep-american-style-315.jpg" alt="" class="soloImg" /></noscript></a></div>
</div><div class="feature manual">
<h5 class="rubric"><a href="/ultimate-guides/best-travel"><span>Travel</span></a></h5>
<div class="w"><a href="/ultimate-guides/best-travel" title=""><img class="lazy" data-original="/images/ultimate-guides/travel-hub/peru-beach-travel-ultimate-guides.jpg" src="/images/global/dot.png" alt="" class="soloImg" /><noscript><img src="/images/ultimate-guides/travel-hub/peru-beach-travel-ultimate-guides.jpg" alt="" class="soloImg" /></noscript></a></div>
</div><div class="feature manual">
<h5 class="rubric"><a href="/ultimate-guides/best-grooming-products-awards"><span>Grooming</span></a></h5>
<div class="w"><a href="/ultimate-guides/best-grooming-products-awards" title=""><img class="lazy" data-original="/images/homepage/August-2014/ultimate-guides-20140828/grooming-hub-315x200.jpg" src="/images/global/dot.png" alt="" class="soloImg" /><noscript><img src="/images/homepage/August-2014/ultimate-guides-20140828/grooming-hub-315x200.jpg" alt="" class="soloImg" /></noscript></a></div>
</div><div class="feature manual">
<h5 class="rubric"><a href="/ultimate-guides/classic-hollywood-style"><span>Celebrity Style</span></a></h5>
<div class="w"><a href="/ultimate-guides/classic-hollywood-style" title=""><img class="lazy" data-original="/images/ultimate-guides/classic-hollywood-style/george-clooney-celeb-hub-315x200.jpg" src="/images/global/dot.png" alt="" class="soloImg" /><noscript><img src="/images/ultimate-guides/classic-hollywood-style/george-clooney-celeb-hub-315x200.jpg" alt="" class="soloImg" /></noscript></a></div>
</div><div class="feature manual last">
<div class="w"><a href="/ultimate-guides/all" title=""><img class="lazy" data-original="/images/see_all_guide.png" src="/images/global/dot.png" alt="" class="soloImg" /><noscript><img src="/images/see_all_guide.png" alt="" class="soloImg" /></noscript></a></div>
</div></div></div>
<div id="position2_zrail"><div id="ps2_fs1_zrail" class="features"><div class="feature manual first">
<div class="w"><a href="http://www.details.com/magazine" title=""><img class="lazy" data-original="/images/homepage/December-2014/johnny-depp-cover-hp.jpg" src="/images/global/dot.png" alt="" class="soloImg" /><noscript><img src="/images/homepage/December-2014/johnny-depp-cover-hp.jpg" alt="" class="soloImg" /></noscript></a></div>
</div><div id="AMS_DET_GLOBAL_FOOTER" class="ecom-placement">
<div id="bottomsubs"><a href="http://www.details.com/go/failsafe" target="_blank"><img src="/images/ecom/failsafe/DET_hp_channel_footer.jpg" alt="Subscribe to Details" border="0" /></a></div>
<script type="text/javascript">
CN.hearstQue.register(function(pageAds){
var div = null;
if ((typeof pageAds !== 'undefined') && (typeof pageAds.AMS_DET_GLOBAL_FOOTER !== 'undefined') && (CN.url.params('nojoy') != 1) ) {
div = document.getElementById("AMS_DET_GLOBAL_FOOTER");
div.innerHTML = "";
jQuery("#AMS_DET_GLOBAL_FOOTER").html(pageAds.AMS_DET_GLOBAL_FOOTER.replace(/document.write\(.*\)/gi,"/*filtered by amg-magnet:document.write(...)*/"));
jQuery(div).css({
visibility: 'visible'
});
}
});
</script>
</div></div></div>
</div>
<!-- end zrail -->
<div id="footer">
<div class="footer-position">
<div id="sitemap-nav">
<ul>
<li>
<a class="footer-sitemap"href="/services/sitemap">Site Map</a>
</li>
<li>
<a href="/fashion-style">Fashion &amp; Style</a>
</li>
<li>
<a href="/body-health">Body &amp; Health</a>
</li>
<li>
<a href="/style-advice/grooming/201205/grooming-guide">Grooming</a>
</li>
<li>
<a href="/culture-trends">Culture &amp; Trends</a>
</li>
<li>
<a href="/style-advice/rules-of-style/201401/details-ultimate-guides-hubs">Ultimate Guides</a>
</li>
<li>
<a href="http://video.details.com/">Video</a>
</li>
<li>
<a href="http://network.details.com/">Details Network</a>
</li>
<li>
<a href="http://www.detailsinsider.com/">Promos &amp; Events</a>
</li>
<li>
<a href="/magazine">Magazine</a>
</li>
</ul>
</div>
<div id="global-footer">
<div id="position1_footerNavigation"><div id="ps1_fs1_footerNavigation" class="features"><div class="feature first">
<div class="blurb">
<div class="text">
<ul id="ft_1">
<li class='footer-subscribe'></li>
<li><a title="details.com Customer Care" href="https://w1.buysub.com/pubs/N3/DET/login_3_methods.jsp?cds_page_id=3489&cds_mag_code=DET&id=1408838558443&lsid=42351902384048400&vid=1">Customer Care</a></li>
<li><a title="Contact Us" href="/contact/contact-us">Contact Details</a></li>
<li class="newsletterSignup"><a title="Newsletter Signup" href="/services/newsletters/demographics">Newsletter Signup</a></li>
<li><a title="Press Center" href="http://www.condenast.com/press/press-releases-contacts">Press Center</a></li>
<li><a title="details.com site map" href="http://www.condenast.com/brands/details">Details Media Kit</a></li>
<li class="footer-feeds"><a title="Feeds"href="/services/rss/summary">RSS</a></li>
</ul>
</div>
</div>
</div><div id="AMS_DET_GLOBAL_FOOTER_TEXTLINK" class="ecom-placement">
<a href="http://www.details.com/go/failsafe" target="_blank" title="Subscribe to Details magazine">Subscribe</a>
<script type="text/javascript">
CN.hearstQue.register(function(pageAds){
var div = null;
if ((typeof pageAds !== 'undefined') && (typeof pageAds.AMS_DET_GLOBAL_FOOTER_TEXTLINK !== 'undefined') && (CN.url.params('nojoy') != 1) ) {
div = document.getElementById("AMS_DET_GLOBAL_FOOTER_TEXTLINK");
div.innerHTML = "";
jQuery("#AMS_DET_GLOBAL_FOOTER_TEXTLINK").html(pageAds.AMS_DET_GLOBAL_FOOTER_TEXTLINK.replace(/document.write\(.*\)/gi,"/*filtered by amg-magnet:document.write(...)*/"));
jQuery(div).css({
visibility: 'visible'
});
}
});
</script>
</div></div></div>
<div class="global-footer-nav">
<ul>
<li id="global-footer-nav-careers"><a href="http://www.condenast.com/careers">Cond&eacute; Nast Careers</a></li>
<li id="global-footer-nav-store"><a href="http://www.condenaststore.com/">Cond&eacute; Nast Store</a></li>
<li id="global-footer-nav-reprints"><a href="http://www.condenast.com/reprints-permissions">Reprints Permissions</a></li>
</ul>
</div>
<div class="global-footer-logo">
<a href="http://www.condenast.com"><h3>Cond&eacute; Nast Digital</h3></a>
</div>
<div class="global-footer-subscriptions">
<form action="/" name="sub_dropmenus" id="sub_dropmenus">
<h3>Subscribe to a Magazine</h3>
<ul id="subscribe-head">
<li> <a target="_blank" href="http://www.magazinestoresubscriptions.com?source=univdropdown">View All Titles </a></li>
<li> <a target="_blank" href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_Allure?source=SITEFOOTER">Allure </a></li>
<li> <a target="_blank" href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_ArchitecturalDigest?source=SITEFOOTER">Architectural Digest </a></li>
<li> <a target="_blank" href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_BonAppetite?source=SITEFOOTER">Bon App&eacute;tit </a></li>
<li><span class="down-arrow"></span></li>
</ul>
<ul id="subscribe-tail">
<li> <a target="_blank" href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_Brides?source=SITEFOOTER">Brides </a></li>
<li> <a target="_blank" href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_CondeNastTraveler?source=SITEFOOTER">Cond&eacute; Nast Traveler </a></li>
<li> <a target="_blank" href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_Details?source=SITEFOOTER">Details </a></li>
<li> <a target="_blank" href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_Glamour?source=SITEFOOTER">Glamour </a></li>
<li> <a target="_blank" href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_GolfDigest?source=SITEFOOTER">Golf Digest </a></li>
<li> <a target="_blank" href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_GolfWorld?source=SITEFOOTER">Golf World </a></li>
<li> <a target="_blank" href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_GQ?source=SITEFOOTER">GQ </a></li>
<li> <a target="_blank" href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_Lucky?source=SITEFOOTER">Lucky </a></li>
<li> <a target="_blank" href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_Self?source=SITEFOOTER">Self </a></li>
<li> <a target="_blank" href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_TeenVogue?source=SITEFOOTER">Teen Vogue </a></li>
<li> <a target="_blank" href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_NewYorker?source=SITEFOOTER">The New Yorker </a></li>
<li> <a target="_blank" href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_VanityFair?source=SITEFOOTER">Vanity Fair </a></li>
<li> <a target="_blank" href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_Vogue?source=SITEFOOTER">Vogue </a></li>
<li> <a target="_blank" href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_W?source=SITEFOOTER">W </a></li>
<li> <a target="_blank" href="https://www.magazinestoresubscriptions.com/webapp/wcs/stores/servlet/Subscriptions_Wired?source=SITEFOOTER">Wired </a></li>
</ul>
</form>
</div>
<div class="global-footer-sister-sites">
<form action="/" name="mag_dropmenus" id="mag_dropmenus">
<h3>Visit Other Cond&eacute; Nast Sites</h3>
<ul id="sites-head">
<li> <a target="_blank" href="http://www.allure.com">Allure</a></li>
<li> <a target="_blank" href="http://www.architecturaldigest.com">Architectural Digest</a></li>
<li> <a target="_blank" href="http://www.arstechnica.com">Ars Technica</a></li>
<li> <a target="_blank" href="http://www.bonappetit.com">Bon App&eacute;tit</a></li>
<li><span class="down-arrow"></span></li>
</ul>
<ul id="sites-tail">
<li> <a target="_blank" href="http://www.brides.com">Brides.com</a></li>
<li> <a target="_blank" href="http://www.concierge.com/cntraveler">Cond&eacute; Nast Traveler</a></li>
<li> <a target="_blank" href="http://www.concierge.com">Concierge</a></li>
<li> <a target="_blank" href="http://www.details.com">Details</a></li>
<li> <a target="_blank" href="http://www.epicurious.com">Epicurious</a></li>
<li> <a target="_blank" href="http://www.glamour.com">Glamour</a></li>
<li> <a target="_blank" href="http://www.golfdigest.com">Golf Digest</a></li>
<li> <a target="_blank" href="http://www.golfworld.com">Golf World</a></li>
<li> <a target="_blank" href="http://www.gq.com">GQ</a></li>
<li> <a target="_blank" href="http://www.hotelchatter.com">Hotel Chatter</a></li>
<li> <a target="_blank" href="http://www.jaunted.com">Jaunted</a></li>
<li> <a target="_blank" href="http://www.luckymag.com">Lucky</a></li>
<li> <a target="_blank" href="http://www.nutritiondata.com">NutritionData</a></li>
<li> <a target="_blank" href="http://www.reddit.com">Reddit</a></li>
<li> <a target="_blank" href="http://www.self.com">Self</a></li>
<li> <a target="_blank" href="http://www.style.com">Style</a></li>
<li> <a target="_blank" href="http://www.teenvogue.com">Teen Vogue</a></li>
<li> <a target="_blank" href="http://www.newyorker.com">The New Yorker</a></li>
<li> <a target="_blank" href="http://www.thescene.com">The Scene</a></li>
<li> <a target="_blank" href="http://www.vanityfair.com">Vanity Fair</a></li>
<li> <a target="_blank" href="http://www.vegaschatter.com">Vegas Chatter</a></li>
<li> <a target="_blank" href="http://www.vogue.com">Vogue</a></li>
<li> <a target="_blank" href="http://www.wmagazine.com">W</a></li>
<li> <a target="_blank" href="http://www.wired.com">Wired</a></li>
</ul>
</form>
</div>
<div class="footer-social-buttons">
<span class="social-buttons-text">Visit Details on</span>
<ul>
<li id="instagram"><a target="_blank" href="http://instagram.com/detailsmag"></a></li>
<li id="tumbler"><a target="_blank" href="http://details.tumblr.com/"></a></li>
<li id="facebook"><a target="_blank" href="https://www.facebook.com/DETAILS"></a></li>
<li id="twitter"><a target="_blank" href="https://twitter.com/details"></a></li>
<li id="pinterest"><a target="_blank" href="http://www.pinterest.com/detailsmag/"></a></li>
</ul>
</div>
</div>
<div class="global-footer-copyright">
<p>
<span class="copyright">&copy; 2014 Cond&eacute; Nast. All rights reserved</span><br/>
Use of this site constitutes acceptance of our <a href="http://www.condenast.com/privacy-policy" onclick="window.open(this.href);return false;">User Agreement</a> (effective 1/2/2014) and <a href="http://www.condenast.com/privacy-policy#privacypolicy" onclick="window.open(this.href);return false;">Privacy Policy</a> (effective 1/2/2014).
<br/>
<a href="http://www.condenast.com/privacy-policy#privacypolicy-california" onclick="window.open(this.href);return false;">Your California Privacy Rights</a> <br/>
The material on this site may not be reproduced, distributed, transmitted, cached or otherwise used, except with the prior written permission of Cond&eacute; Nast. <br/>
<a href="http://www.condenast.com/privacy-policy#privacypolicy-optout" onclick="window.open(this.href);return false;">Ad Choices</a>
</p>
</div>
<img src="//view.atdmt.com/action/MSFT_CondeNet_AE_ExtData/v3/atc1.details/atc2.fashion-style/atc3.perfect-wardrobe/" width="1" height="1" alt="msext" />
</div>
</div>
<script type="text/javascript">
CN.page.config.facebook.like = {layout : "standard", showfaces : false, action : "like", width : 400, action : "like"};
CN.page.config.facebook.like_sm = {layout : "button_count", showfaces : false, width : 400, action : "like"};
CN.config.set({tweet : {layout : "horizontal",source : ""}});
</script>
<script type="text/javascript">
CN.page = CN.page || {};
CN.page.feature = ['set1','manual','manual_imagetop','dart_ad','newsletters','set8','mostpopular','set16','ecomplacement'];
</script>
<script type="text/javascript" src="/js/cn-fe-common/angular/angular.min.js"></script>
<script type="text/javascript">
if (typeof CN.livefyre === "undefined") {
CN.livefyre = {};
}
CN.livefyre.configOptions = {
network : 'details.fyre.co',
moderatorFlagText : 'moderator',
lfCookieName : 'lt',
mostpopularEntries : 5,
mostpopularAge : 15,
trendingServer : 'http://bootstrap.details.fyre.co/api/v3.0/hottest/?site='
};
CN.livefyre.trendingUrl = "http://bootstrap.details.fyre.co/api/v3.0/hottest/?site=320152";
CN.livefyre.mostCommentedEntries = 5;
</script>
<script type='text/javascript'>
CN.livefyre.configOptions.pageConfig = {"siteId":"320152","el":"livefyre","collectionMeta":"eyJhbGciOiJIUzI1NiJ9.eyJ0aXRsZSI6IkdvaW5nIEdyYXkiLCJjaGVja3N1bSI6ImZhNWNmMzQzNWNmM2NjYTJkZTcxNzRlYjIzMDlmZmVmIiwiYXJ0aWNsZUlkIjoiZGV0YWlsc18yMDAwMDAwMDAyODE1ODcwIiwidXJsIjoiaHR0cDovL3d3dy5kZXRhaWxzLmNvbS9mYXNoaW9uLXN0eWxlL3BlcmZlY3Qtd2FyZHJvYmUvMjAxNDA4L2dyYXktc2hpcnRzLXN3ZWF0ZXJzLXBhbnRzLXN1aXRzLWNvYXRzLWZvci1mYWxsIn0.xtl0FtutAzIupCSwRY3q0ilVHL6upViVOuRwDP0Kixc","checksum":"fa5cf3435cf3cca2de7174eb2309ffef","articleId":"details_2000000002815870"};
</script>
<script type="text/javascript">
$LAB.script(['//zor.livefyre.com/wjs/v3.0/javascripts/livefyre.js'
,'//zor.livefyre.com/wjs/v1.0/javascripts/CommentCount.js'
,'/js/cn-fe-content/livefyre/cn.livefyre.int.js'])
.wait(function () {
if (jQuery("#livefyre").length){
CN.livefyre.main.loader().loadLivefyre();
}
if (jQuery(".livefyre-commentcount").length){
CN.livefyre.commentCountStyle();
}
if(jQuery("#most-commented").length){
CN.livefyre.mostCommented = new CN.livefyre.widgets("most-commented");
CN.livefyre.mostCommented.init();
CN.livefyre.mostCommented.mostCommented();
}
});
</script>
<script type="text/javascript" src="/js/details_bottom.js"></script>
<script type="text/javascript" src="/js/details_bottom_angular.js"></script>
<script type="text/javascript" src="/appjs/stats/omniture.js"></script>
<script type="text/javascript">
//Omniture call to set page content type
CN.stats.omniture.setContentType("Slideshow");
</script>
<div id="statsHolder">
<script type="text/javascript">
</script>
<script type="text/javascript">
<!--
if(navigator.appVersion.indexOf('MSIE')>=0)document.write(unescape('%3C')+'\!-'+'-')
//-->
</script>
<noscript>
<a href="http://www.omniture.com" title="Web Analytics">
<img src="//condenast.112.2o7.net/b/ss/conde-detailscom/1/H.15.1--NS/0" height="1" width="1" alt="pixel" />
</a>
</noscript>
<!--/DO NOT REMOVE/-->
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-8293713-18");
pageTracker._trackPageview();
} catch(err) {}
</script>
<div id="BF_WIDGET_1">&nbsp;</div>
<script type="text/javascript">
(function( ){
BF_WIDGET_JS=document.createElement("script"); BF_WIDGET_JS.type="text/javascript";
BF_WIDGET_SRC="http://ct.buzzfeed.com/wd/UserWidget?u=details.com&to=1&or=vb&wid=1&cb=" + (new Date()).getTime();
setTimeout(function() {document.getElementById("BF_WIDGET_1").appendChild(BF_WIDGET_JS);BF_WIDGET_JS.src=BF_WIDGET_SRC},1);
})();
</script>
<!-- START Parse.ly Include: Standard -->
<div id="parsely-root" style="display: none">
<div id="parsely-cfg" data-parsely-site="details.com"></div>
</div>
<script>
(function(s, p, d) {
var h=d.location.protocol, i=p+"-"+s,
e=d.getElementById(i), r=d.getElementById(p+"-root"),
u=h==="https:"?"d1z2jf7jlzjs58.cloudfront.net"
:"static."+p+".com";
if (e) return;
e = d.createElement(s); e.id = i; e.async = true;
e.src = h+"//"+u+"/p.js"; r.appendChild(e);
})("script", "parsely", document);
</script>
<!-- END Parse.ly Include -->
<script type="text/javascript">_satellite.pageBottom();</script>
</body>
</html>
Reference in a new issue View git blame Copy permalink