5/1/2018
/* SHOW LIBRARY ===================== */ .g-show-xsmall, .g-show-small, .g-show-smallplus, .g-show-submedium, .g-show-sub-medium, .g-show-medium, .g-show-large, .g-show-xlarge { display: none; } .g-show { display: block; } .lt-ie10 .g-aiImg { width: 100%; } /* story top */ .story.theme-main .story-header .story-meta .story-heading { max-width: 720px; margin: 0 auto 10px; text-align: center; line-height: 2.844rem; font-size: 2.4rem; } @media only screen and (max-width: 1244px) { .story.theme-main .story-header .story-meta .story-heading { line-height: 2.5596rem; font-size: 2.16rem; } } @media only screen and (max-width: 719px) { .story.theme-main .story-header .story-meta .story-heading { line-height: 2.2752rem; font-size: 1.92rem; } } .story.theme-main .story-header .story-meta .interactive-leadin.summary { max-width: 570px; margin: 0 auto 20px auto; text-align: left; font-size: 17px; line-height: 1.6; } .story.theme-main .story-header .story-meta .interactive-leadin.summary .dateline { text-align: center; display: block; } .story.theme-main .story-header .story-meta .byline-dateline { text-align: center; } .story.theme-main .story-footer .interactive-byline .byline-dateline .byline { font-family: "nyt-franklin", arial, sans-serif; font-weight: 500; } /* top asset */ .g-top-asset { margin-left: auto; margin-right: auto; margin-bottom: 20px; } .g-top-asset img { width: 100%; } /* body text */ .g-body { max-width: 570px; margin-left: auto; margin-right: auto; } .viewport-medium .g-body { font-size: 17px; line-height: 1.6; } .g-body b, .g-body strong { font-family: "nyt-franklin", arial, sans-serif; } .g-body a { text-decoration: underline; } /* subhed */ .g-subhed h2 { max-width: 570px; margin: 2em auto 1em auto; font: 700 1.2em/1.3em 'nyt-franklin', arial, sans-serif; text-align: center; } .viewport-small-10 .g-subhed h2 { font-size: 1.5em; } /* refer text box */ .g-refer { max-width: 570px; margin: 0 auto 25px; padding: 12px 15px; box-sizing: border-box; background: #fffcd9; } .g-refer .g-body { font-family: 'nyt-franklin', arial, sans-serif; font-size: 16px; line-height: 1.3; margin-bottom: 0; } .g-refer a { text-decoration: underline; } /* images */ .g-item-image { margin: 25px auto; } .g-item-image img { width: 100%; } /* video */ .g-item-video { margin: 25px auto; } .g-youtube-container { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .g-youtube-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* sources and credits */ .g-asset-source { font: 400 11px/16px "nyt-cheltenham-sh", georgia, "times new roman", times, serif; padding-top: 5px; color: #999; } .g-asset-source .g-pipe { margin: 0 6px 0 3px; font-size: 12px; line-height: 12px; color: #ddd; } .g-asset-source .g-caption { font-weight: 300; font-size: 13px; line-height: 17px; color: #666; } .g-asset-source .g-credit { display: inline-block; } /* graphics */ .g-item-ai2html { margin: 25px auto; } p.g-asset-hed { font: 700 16px/18px 'nyt-franklin', arial, sans-serif; margin-bottom: 0; } .g-map-key { float: none; clear: both; overflow: hidden; margin: 10px auto 4px auto; } .g-map-key .g-key-row { margin-bottom: 5px; margin-right: 15px; float: left; } .viewport-small .g-map-key .g-key-row { width: auto; margin-bottom: 0; } .viewport-small-20 .g-map-key .g-key-row { width: auto; } .g-map-key .g-key-row .g-key-rect, .g-map-key .g-key-row .g-key-circle { vertical-align: middle; margin-right: 8px; display: inline-block; } .g-map-key .g-key-row p { font: 500 0.9em/1.6 'nyt-franklin', arial, sans-serif; display: inline-block; vertical-align: middle; margin: 0; } .viewport-small .g-map-key .g-key-row p { max-width: 92%; } .viewport-small-20 .g-map-key .g-key-row p { width: auto; max-width: none; } .g-map-key .g-key-row .g-key-rect { width: 22px; height: 10px; } .g-map-key .g-key-row .g-key-circle { width: 9px; height: 9px; border-radius: 50%; } .g-map-key .g-key-row .g-key-custom { width: 20px; height: 20px; background-size: 100%; display: block; display: inline-block; width: 24px; height: 24px; margin: -4px 2px 0 0; } .viewport-small .g-map-key .g-key-row-title p { width: 100%; max-width: none; } .g-red-dot, .g-black-dot { display: inline-block; background: #d00; color: white; font-weight: bold; width: 20px; height: 20px; font: 700 14px/1.4 'nyt-franklin', arial, sans-serif; text-align: center; border-radius: 10px; line-height: 20px; } .g-black-dot { background: #222; } /* column text */ .g-column-container { max-width: 570px; margin: 20px auto 0 auto; } .viewport-medium .g-column-container { max-width: 1050px; } .viewport-large .g-column-container { margin-bottom: 30px; } .g-column-container .g-column-hed { font-family: 'nyt-franklin', arial, sans-serif; font-weight: 700; margin-bottom: 2px; } .g-column-container .g-column-text { padding-right: 8px; } .g-column-container .g-column-col { vertical-align: top; } .viewport-small .g-column-container .g-column-col { display: block; min-width: 100%; } .viewport-medium .g-column-container .g-column-col { min-width: 0; display: inline-block; margin-right: 3px; } .viewport-medium .g-column-container .g-column-col:last-child { margin-right: 0; } .g-column-container .g-column-col .g-asset-source .g-credit { margin-bottom: 0; } .g-column-container .g-column-asset { margin-bottom: 5px; } .g-column-container .g-column-image img { width: 100%; } /* tables */ .g-table { margin: 0 auto; margin-bottom: 25px; } .g-table tr { border-bottom: 1px solid #ececec; } .g-table p { font: 500 14px/1.4 'nyt-franklin', arial, sans-serif; text-align: left; margin: 6px 0; } /* charts */ .g-chart { margin: 0 auto; margin-bottom: 25px; font: 500 14px/1.4 'nyt-franklin', arial, sans-serif; } .g-chart .g-chart-header { font-weight: bold; } .g-chart .g-chart-row, .g-chart .g-chart-header { clear: both; height: 22px; margin-bottom: 9px; } .g-chart .g-chart-bar-container, .g-chart .g-chart-label { float: left; height: 100%; } .g-chart .g-chart-bar-container { margin-left: 20px; } .g-chart .g-chart-bar-pos, .g-chart .g-chart-bar-neg { height: 100%; float: left; } .g-chart .g-chart-label, .g-chart .g-chart-bar { padding-top: 3px; } .g-chart .g-chart-label.not-first { margin-left: 20px; } .g-chart .g-chart-bar { height: 100%; background: lightsteelblue; position: relative; } .g-chart .g-chart-bar-label { padding-left: 6px; } .g-chart .g-chart-bar-neg .g-chart-bar { float: right; } .g-chart .g-chart-bar-neg .g-chart-bar-label { text-align: right; padding-right: 6px; padding-left: 0px; } .g-chart .out-label { padding-top: 3px; display: none; } .g-chart .outside .out-label { display: block; } .g-chart .outside .in-label { display: none; } .g-chart .g-bold { font-weight: bold; } /* grid */ .g-grid { margin-bottom: 15px; } .g-grid .g-grid-item-container { margin: 0 auto; } .g-grid .g-grid-item { position: relative; display: inline-block; min-width: calc(50% - 5px); } .viewport-small-20 .g-grid .g-grid-item { min-width: calc(33% - 5px); } .viewport-medium .g-grid .g-grid-item { min-width: 0; } .g-grid .g-grid-item p { font: 500 15px/1.4 'nyt-franklin', arial, sans-serif; position: absolute; bottom: 10px; left: 10px; color: #fff; margin-bottom: 0; } /* lazy images */ .g-freebird-lazy { display: block; width: 100%; height: auto; } .g-freebird-lazy.ll-init { transition: opacity 0.3s ease-out; opacity: 0; } .g-freebird-lazy.ll-loaded { opacity: 1; } /* Mobile issues */ /* Get rid of border under intro and share tools on mobile */ .story-header.interactive-header { border-bottom: none !important; } /* Share tools issues */ /* Pad out the kicker/sharetool space */ .story.theme-main .story-header .story-meta .kicker-container { margin-bottom: 12px; } /* Override the moving sharetools on mobile */ .story.theme-main .story-header .story-meta .kicker-container .sharetools { position: relative; float: right; /*right: 0px;*/ bottom: auto; left: auto; width: auto; margin-top: -6px; clear: none; } /* Maintain the proper space with the section name and kicker next to share tools */ .story.theme-main .story-header .story-meta .interactive-kicker { float: left; width: 70%; display: inline-block; } .g-graphic.g-graphic-freebird .g-ad-wrapper { margin: 30px auto; max-width: 1050px; } .viewport-medium .g-graphic.g-graphic-freebird .g-ad-wrapper { margin: 50px auto; } .g-graphic.g-graphic-freebird .g-ad-wrapper .ad { border-top: 1px solid #e2e2e2 !important; border-bottom: 1px solid #e2e2e2 !important; margin: 0 auto; padding: 10px 0; overflow: hidden; max-width: 100%; } .g-graphic.g-graphic-freebird .g-ad-wrapper .ad div { margin: 0 auto; display: block !important; } .g-graphic.g-graphic-freebird .g-ad-wrapper iframe { margin: 0 auto; display: block; } .g-graphic.g-graphic-freebird .g-ad-wrapper .g-ad-text { text-align: center; font: 500 12px/1.2 "nyt-franklin", arial, sans-serif; color: #bfbfbf; text-transform: uppercase; margin-bottom: 7px; } .ad.top-ad { border: none; margin-left: auto; margin-right: auto; } /* slideshow */ .g-item.g-slideshow { margin-bottom: 25px; } .g-slideshow-container { position: relative; margin-bottom: 10px; overflow: hidden; margin: 0 auto; } .g-slideshow-container img { width: 100%; } .g-slideshow-slide { position: absolute; width: 100%; height: 100%; background-color: #fff; } .g-slideshow-placholder { opacity: 0; z-index: -1; pointer-events: none; } .g-slide-fade { opacity: 0; transition: opacity 0.8s ease-in-out; -webkit-transition: opacity 0.8s ease-in-out; } .g-slide-fade.g-slideshow-slide-active { opacity: 1; } /* no effect styles */ .g-slide-none { display: none; } .g-slide-none.g-slideshow-slide-active { display: block; } /* text styles */ .g-slideshow-slide .g-hed { font-family: "nyt-franklin", arial, sans-serif; font-weight: 700; font-size: 18px; text-align: center; margin: 10px 0 8px; } .g-slideshow-slide .g-text { font-family: "nyt-franklin", arial, sans-serif; text-align: center; } .g-text-box { width: auto; position: absolute; top: 0px; right: 0px; color: #fff; text-shadow: 1px 1px 8px #000; } .g-text-box .g-text { background-color: rgba(0, 0, 0, 0.3); padding: 5px 7px; } /* Center headlines for standalone and embedded interactives */ /* @import (inline) "nyt5/centered-headline.css"; */ /* Fullbleed interactive-graphic container */ /* remove left offset */ .viewport-medium-50 .masthead.masthead-theme-standard, .viewport-large-20 .masthead.masthead-theme-standard { margin-left: 0; } .viewport-large-70 .masthead.masthead-theme-standard { margin-left: auto; } .viewport-medium-50 .masthead.masthead-theme-standard .quick-navigation, .viewport-large-20 .masthead.masthead-theme-standard .quick-navigation { left: 15px; } #navigation-edge { display: none; } /* fullbleed #main */ #main { padding-left: 0; padding-right: 0; } .viewport-medium-10 #main { width: 100%; max-width: 100%; } /* constrain template containers */ .ad.top-ad { margin-left: 0; margin-right: 0; } .story-header.interactive-header, .story.theme-main .story-footer, .related-coverage { margin-left: 10px; margin-right: 10px; } .viewport-medium-10 .ad.top-ad, .viewport-medium-10 .story-header.interactive-header, .viewport-medium-10 .story.theme-main .story-footer, .viewport-medium-10 .related-coverage { max-width: 720px; margin-left: auto; margin-right: auto; } .viewport-medium-30 .ad.top-ad, .viewport-medium-30 .story-header.interactive-header, .viewport-medium-30 .story.theme-main .story-footer, .viewport-medium-30 .related-coverage { max-width: 945px; } .viewport-large-30 .ad.top-ad, .viewport-large-30 .story-header.interactive-header, .viewport-large-30 .story.theme-main .story-footer, .viewport-large-30 .related-coverage { max-width: 1050px; } .g-body, .g-map-key, .g-asset-source, .g-table-container, .g-column-container, .g-asset-hed { padding-left: 10px; padding-right: 10px; } .viewport-large .g-body, .viewport-large .g-map-key, .viewport-large .g-asset-source, .viewport-large .g-table-container, .viewport-large .g-column-container, .viewport-large .g-asset-hed { padding-left: 0; padding-right: 0; } .story.theme-main:not(.interactive-embedded) { margin-left: 0; margin-right: 0; } /* For use with LaziestLoader */ /* @import (inline) "nyt5/laziestloader.css"; */ /* Fix spacing at top of story */ .has-top-ad .story.theme-interactive, .has-ribbon .story.theme-interactive { margin-top: 10px; } /* Fix comments button margin */ .story.theme-interactive .comments-button.theme-kicker { margin-top: 0; } /* Get rid of border under intro and share tools on mobile */ .page-interactive-default .story.theme-main .story-header { border-bottom: none; } /* Pad out the kicker/sharetool space */ .story.theme-interactive .story-meta .kicker { margin-bottom: 22px; } .viewport-medium-10 .story.theme-interactive .story-meta .kicker { margin-bottom: 24px; } /* Override the moving sharetools on mobile */ .story.theme-interactive .story-header .story-meta .kicker-container .sharetools { position: relative; left: auto; bottom: auto; width: auto; margin-top: -6px; float: right; clear: none; } /* Maintain the proper space with the section name and kicker next to share tools */ .story.theme-interactive .story-header .story-meta .interactive-kicker { float: left; width: 65%; display: inline-block; } /* Gets rid of the extra space under the intro that puts too much space there in mobile and desktop */ .page-interactive-default .story.theme-main .story-header { margin-bottom: 0; } .page-interactive-default .story.theme-main .story-header .story-meta { margin-bottom: 10px; } /*Fixes styling on share tools at bottom of minimal interactives*/ .story.theme-minimal .sharetools.layout-horizontal{ width:auto; margin-top:11px; } .story.theme-minimal .sharetools.layout-horizontal .sharetool { display: inline-block; border-top: 0; } .story.theme-minimal .sharetools.layout-horizontal .sharetool:first-child a { margin-left: 0; padding-left: 0; border-left: none; } .story.theme-minimal .sharetools.layout-horizontal .sharetool a { padding-left: 15px; padding-right: 5px; height: 20px; border-left: 1px solid #e2e2e2; } .story.theme-minimal .sharetools.layout-horizontal .sharetool a:hover { background-color: transparent; } /* uncomment to fix related content and footer layout on max_width: 720 pages */ /* .related-coverage { max-width: 720px; } .viewport-medium-30 .page-footer nav ul, .viewport-medium-50 .page-footer nav ul { margin-left: 28px; } .viewport-medium-30 .page-footer nav.last-nav { float: none; } .viewport-medium-30 .page-footer nav.last-nav ul { margin-left: 239px; } */ .abs-fill { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; min-height: 100%; height: 100%; } .abs-center { position: absolute; top: 50%; bottom: auto; transform: translateY(-50%); } .unselectable { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mobile .g-desktop-only { display: none !important; } .desktop .g-mobile-only { display: none !important; } .grabbable { cursor: move; /* fallback if grab cursor is unsupported */ cursor: grab; cursor: -webkit-grab; /* Apply a "closed-hand" cursor during drag operation. */ } .grabbable:active { cursor: grabbing; cursor: -webkit-grabbing; } /* toggle switch
Read Again Augmented Reality: Explore InSight, NASA's Latest Mission to Mars : https://ift.tt/2rfB5we
Label
*/ /* The switch - the box around the slider */ /* The switch - the box around the slider */ .ar-lifesize-button { position: relative; display: inline-block; width: 60px; height: calc(37px); /* Hide default HTML checkbox */ /* The slider */ } .ar-lifesize-button input { display: none; } .ar-lifesize-button > span { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border: solid 2px #ccc; transition: .4s; border-radius: 36px; } .ar-lifesize-button > span:before { position: absolute; content: ""; height: calc(26px); width: calc(26px); left: calc(30px); bottom: 2px; background-color: white; transition: .4s; border-radius: 50%; } .ar-lifesize-button input:checked + span:before { transform: translateX(calc(-30px)); } .disableScroll { overflow-y: hidden; overflow-x: hidden; } .notransition { transition: none !important; } .noscroll { height: 100%; overflow: hidden; } @keyframes fadeOut { 0% { opacity: 1; } 25% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } @keyframes ripple { 0% { box-shadow: 0 0 0 0em rgba(255, 255, 255, 0.8); } 100% { box-shadow: 0 0 0 1em rgba(255, 255, 255, 0); } } .g-ar { height: 100vh; position: relative; } .g-ar h3 { color: #ffffff; font-family: nyt-franklin; font-weight: 700; font-size: 22px; line-height: 1.2; text-align: center; margin: 100px auto; max-width: 80%; } .g-ar h2 { width: 60%; text-align: center; margin: 100px auto 20px; text-transform: uppercase; font: 400 13px/28px nyt-franklin; } .g-ar .g-ar-box { position: relative; height: 100%; transition: background .2s; } .g-ar .g-ar-box .ar-container { background: rgba(0, 0, 0, 0.24); } .g-ar .g-ar-box.ar-current-moment .ar-container { background: rgba(0, 0, 0, 0); } .g-ar .g-ar-box.ar-current-moment .ar-container.g-supported { background: rgba(0, 0, 0, 0.24); } .g-ar-interact, .ar-container { position: relative; top: 0; left: 0; right: 0; bottom: 0; transition: top .2s; height: 100%; } .g-ar-box .ar-view { color: #ffffff; text-align: center; min-height: 90vh; margin: 0px; height: 100vh; width: 100%; position: relative; } .g-ar-box.ar-hide .ar-hotspot { opacity: 0; } .g-ar-box svg { overflow: visible; } .g-ar-box .g-button { color: #000000; background: #ffffff; position: relative; margin: 40px auto 20px; width: 70%; cursor: pointer; font-family: nyt-franklin, Arial, helvetica, sans-serif; font-size: 1.1em; line-height: 1.3; font-weight: 700; text-align: center; border-radius: 4px; padding: 20px 10px; border: 1px solid #ffffff; } .g-ar-box .g-button.ar-reset { position: relative; margin: 20px auto 20px; margin-top: calc(100vh - 15px); } .g-ar-box .g-button-sub { font-size: 1em; line-height: 1.2; font-family: nyt-franklin, Arial, helvetica, sans-serif; font-weight: 400; color: #ffffff; opacity: .4; width: 75%; margin-left: auto; margin-right: auto; } .g-ar-box .tiny-model { padding-top: 20%; } .g-ar-box .tiny-model img { width: 240px; height: auto; } .g-ar-box .ar-pre-msg { width: 80%; margin: 5% auto 20px; font-family: nyt-cheltenham, Georgia, "Times New Roman", serif; font-family: nyt-franklin, Arial, helvetica, sans-serif; pointer-events: none; } .g-ar-box .ar-pre-msg a { color: #ffffff; text-decoration: underline; } .g-ar-box .ar-pre-msg p { font-family: nyt-franklin, Arial, helvetica, sans-serif; } .g-ar-box .ar-pre-msg p.ar-pre-hed { font-size: 25px; font-weight: 700; margin-bottom: 10px; } .g-ar-box .ar-pre-msg p.ar-pre-subhed { font-size: 1.1em; } .g-ar-box .ar-pre-msg span { font-weight: bold; } .g-ar-box .ar-in-order-msg { width: 80%; margin: 10px auto; opacity: .5; font-family: nyt-cheltenham, Georgia, "Times New Roman", serif; font-family: nyt-franklin, Arial, helvetica, sans-serif; pointer-events: none; } .g-ar-box .ar-in-order-msg a { color: #ffffff; } .g-ar-box .ar-in-order-msg p { font-family: nyt-franklin, Arial, helvetica, sans-serif; } .g-ar-box .ar-in-order-msg span { font-weight: bold; } .g-ar-box .ar-infostack { position: absolute; width: 100%; bottom: 10%; } .g-ar-box .ar-skip-continue { color: #ffffff; font-family: nyt-franklin, Arial, helvetica, sans-serif; font-weight: 300; font-size: 14px; position: absolute; text-align: center; bottom: 5%; width: 95%; left: 0%; right: 0%; margin-left: auto; margin-right: auto; letter-spacing: .12em; z-index: 200; } .g-ar-box .ar-down { padding-top: 5px; position: relative; opacity: 1; margin: 0 auto; width: 24px; height: 24px; background: url('https://ift.tt/2I8Tnty) no-repeat center; background-size: 12px; background-position-y: 14px; } .g-ar-box .ar-down .ar-down-bg { pointer-events: none; } .g-ar-box .ar-down .ar-down-bg svg { opacity: 0; fill: #f7f7f7; } .g-ar-box .ar-find { width: 100%; height: 66%; margin: 10px auto; position: absolute; top: 5%; overflow: visible; pointer-events: none; } .g-ar-box .ar-info-msg { position: absolute; top: 5%; opacity: 1; width: 80%; left: 5%; font-family: nyt-franklin, Arial, helvetica, sans-serif; font-size: .9em; font-weight: 700; padding: 15px 20px; line-height: 1.3; pointer-events: none; text-align: left; transition: opacity .4s; border-radius: 4px; background: rgba(0, 0, 0, 0.2); opacity: 0; } .g-ar-box .ar-info-msg.ar-show-info { opacity: 1; } .g-ar-box .ar-hotspot { position: absolute; bottom: 15%; opacity: 1; width: 80%; max-width: 500px; left: 0%; right: 0%; margin-left: auto; margin-right: auto; font-family: nyt-franklin, Arial, helvetica, sans-serif; font-size: 1.1em; font-weight: 700; padding: 15px 20px; line-height: 1.3; pointer-events: none; text-align: left; transition: opacity .4s; border-radius: 4px; background: rgba(0, 0, 0, 0.2); } .g-ar-box .ar-hotspot.ar-hide-hs { opacity: 0; } .ar-msg { width: 100%; max-width: calc(100% - 2em); position: absolute; margin: 20px; bottom: 14%; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); } .ar-msg h2 { font-family: nyt-franklin, Arial, helvetica, sans-serif; font-weight: 700; font-size: 20px; line-height: 1.4; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); text-transform: none; width: 90%; margin: 0 auto; } .ar-msg h2.prompt-athlete { margin-bottom: 20px; } .ar-msg h2.label-athlete { font-weight: 400; font-size: 17px; letter-spacing: .05em; } .ar-msg.ar-tap-to-place { bottom: 25%; text-align: center; } .ar-msg.ar-tap-to-place .tap-btn { width: 240px; border-radius: 4px; padding: 15px; border: 1px solid #ffffff; font-size: 1.1em; line-height: 1.3; font-weight: 700; text-align: center; } .ar-msg.ar-reset { width: 90%; bottom: 20%; } .ar-msg.ar-reset hr { width: 90%; margin-top: 40px; } .ar-msg .ar-leadin-prompt { opacity: 1; transition: opacity 1s; } .ar-msg .ar-leadin-prompt.ar-hide { opacity: 0; } .ar-notify { font-family: nyt-franklin, Arial, helvetica, sans-serif; position: absolute; width: 100%; height: calc(32px); font-size: 12px; background-color: #4a89e6; top: 0px; left: 0px; display: none; } .ar-notify span { font-weight: bold; } .ar-notify.ar-show { display: block; opacity: 0; animation: fadeOut 15s; } .ar-notify .ar-notify-msg { text-align: left; position: relative; width: calc(68%); margin: 20px; } .ar-progress { width: calc(100% - 200px); margin: auto; position: absolute; top: 50%; transfrom: translateY(-50%); left: 0px; right: 0px; bottom: auto; font-family: nyt-franklin, Arial, helvetica, sans-serif; font-weight: 100; font-size: 12px; text-align: left; opacity: 0; height: 10px; border-radius: 5px; overflow: hidden; background: rgba(255, 255, 255, 0.1); border: 1px solid white; } .g-ar-state-unsupported .ar-progress, .g-ar-state-unknown .ar-progress, .g-ar-state-supported .ar-progress, .g-ar-state-camera-granted .ar-progress { display: none; } .ar-progress.show { opacity: 1; } .ar-progress .ar-progress-container { width: 0px; height: 10px; background-color: rbga(255, 255, 255, 0.9); position: absolute; top: 0; bottom: 0; background-image: linear-gradient(-45deg, rgba(150, 150, 150, 0.5) 25%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0.5) 50%, rgba(150, 150, 150, 0.5) 50%, rgba(150, 150, 150, 0.5) 75%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0.5)); background-repeat: repeat-x; background-size: 20px 20px; animation: candystripe 1s linear infinite; } @keyframes candystripe { to { background-position: 20px 0; } } .ar-indicator { opacity: .1; transition: opacity .2s; position: absolute; top: 20px; left: 20px; font-family: nyt-franklin, Arial, helvetica, sans-serif; font-weight: 700; font-size: 12px; border: 0px solid #ffffff; overflow: visible; } .ar-indicator.ar-status-almost .ar-inner { background-color: #d3c300; } .ar-indicator.ar-status-ar .ar-inner { background-color: unset; } .ar-lifesize-button { opacity: .1; transition: opacity .2s; overflow: visible; position: absolute; top: 20px; right: 28px; } .ar-lifesize-button svg { width: 60px; } .ar-lifesize-button .g-circle-toggle { transform: translateX(-24px); transition: transform .2s; } .ar-lifesize-button #heads-_-big { opacity: 0; } .ar-lifesize-button #heads-_-small { opacity: 1; } .ar-lifesize-button #person-small-black { opacity: .4; } .ar-lifesize-button #person-big-white { opacity: 1; } .ar-lifesize-button #person-big-black { opacity: 0; } .ar-lifesize-button #person-small-white { opacity: 0; } .ar-lifesize-button.ar-lifesize .g-circle-toggle { transform: translateX(0px); } .ar-lifesize-button.ar-lifesize #heads-_-big { opacity: 1; } .ar-lifesize-button.ar-lifesize #heads-_-small { opacity: 0; } .ar-lifesize-button.ar-lifesize #person-small-black { opacity: 0; } .ar-lifesize-button.ar-lifesize #person-big-white { opacity: 0; } .ar-lifesize-button.ar-lifesize #person-big-black { opacity: .4; } .ar-lifesize-button.ar-lifesize #person-small-white { opacity: 1; } .ar-lifesize-button.ar-hide { display: none; } .ar-current-moment .ar-indicator { opacity: 1; } .ar-current-moment .ar-lifesize-button { opacity: 1; } .g-escape-indicator-screen { position: fixed; top: 0; bottom: 0; left: 0; right: 0; pointer-events: none; } .g-escape-indicator-screen .g-escape-indicator { position: absolute; } .ar-container.g-unsupported h3 { display: block; padding-top: 60px; } .ar-container.g-unsupported .g-button { color: #333; color: #ffffff; background: rgba(0, 0, 0, 0.5); margin: 20px auto; cursor: pointer; font-family: nyt-franklin, Arial, helvetica, sans-serif; font-size: 14px; line-height: 18px; font-weight: 700; text-align: center; border-radius: 4px; padding: 10px 5px; border: 1px solid #ffffff; width: 100px; max-width: 50%; display: block; } .ar-container.g-unsupported .g-button.ar-open-settings-ios { color: white; width: 240px; background: transparent; font-size: 0.7em; padding: 15px; } @media screen and (orientation: landscape) { .ar-view, .g-ar-interact, .g-ar-contents { height: 100%; } .ar-msg { bottom: 15%; } .ar-skip-continue { bottom: 3%; } } #g-backdrop { margin: 0; overflow: hidden; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; min-width: 100%; min-height: 100vh; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: rgba(0, 0, 0, 0.6); transition: opacity 0.2s; opacity: 1; } #g-backdrop.hide { opacity: 0; } .g-fake-camera { opacity: 1; transition: opacity 1s ease-in; } .g-fake-camera .g-fake-camera-inner canvas { min-height: 100vh; } .g-fake-camera.g-hidden { opacity: 0; } .g-ar { padding-top: 2rem; padding-bottom: 4rem; position: relative; } .g-ar .g-ar-contents { position: relative; } .g-ar .g-ar-leadin { font-family: nyt-franklin; line-height: 1; max-width: 90%; margin: 0 auto; text-align: center; } .g-ar .g-ar-leadin.g-name { font-size: 22px; font-weight: 700; margin-bottom: 10px; } .g-ar .g-ar-leadin.g-sport { font-size: 13px; text-transform: uppercase; margin-bottom: 1rem; letter-spacing: .25px; } .g-ar .g-ar-box { height: 100vh; } .g-ar .g-ar-box .g-button { color: #333; background: #ffffff; border: 1px solid #ffffff; } @media (min-width: 800px) { .g-last-section { margin-top: 4rem; } .g-custom-related { margin: 100px auto; } } .g-ad.g-sponsor-ad { min-height: 442px; } .viewport-medium-10 .g-ad.g-sponsor-ad { min-height: 322px; } .ar-spacer { height: 100vh; } html.g-framing-mode .g-ar-box:before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; width: 100%; border-top: 1px dashed #ffffff; opacity: .4; margin: auto; } html.g-framing-mode .g-ar-box:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; border-bottom: 1px dashed #ffffff; opacity: .4; margin: auto; } html.g-framing-mode .g-ar-box .ar-bracket { position: absolute; width: 20px; height: 20px; border: 4px solid #ffffff; opacity: .6; transition: opacity .4s; } html.g-framing-mode .g-ar-box .ar-bracket.ar-bracket-tl { top: 10px; left: 10px; border-bottom: 0px solid #ffffff; border-right: 0px solid #ffffff; } html.g-framing-mode .g-ar-box .ar-bracket.ar-bracket-tr { top: 10px; right: 10px; border-bottom: 0px solid #ffffff; border-left: 0px solid #ffffff; } html.g-framing-mode .g-ar-box .ar-bracket.ar-bracket-bl { bottom: 10px; left: 10px; border-top: 0px solid #ffffff; border-right: 0px solid #ffffff; } html.g-framing-mode .g-ar-box .ar-bracket.ar-bracket-br { bottom: 10px; right: 10px; border-left: 0px solid #ffffff; border-top: 0px solid #ffffff; } html.g-framing-mode .g-ar-box.ar-current-moment .ar-bracket { opacity: 0; } html.g-framing-mode .g-ar-box.ar-current-moment:before { opacity: 0; } html.g-framing-mode .g-ar-box.ar-current-moment:after { opacity: 0; } body.webgl { height: 100% !important; } .shell.webgl { position: absolute; height: 100%; overflow: auto !important; -webkit-overflow-scrolling: touch !important; } .g-webgl-window-content { visibility: hidden; } .g-webgl-background { position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; z-index: -1; background-color: transparent; opacity: 0; overflow: hidden; } #g-backdrop-fallback { pointer-events: none; margin: 0; opacity: 0; overflow: hidden; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; min-width: 100%; min-height: 100vh; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #000000; } #g-backdrop-fallback.hide { opacity: 0; } .g-webgl-slide { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; max-width: 1280px; margin-left: auto; margin-right: auto; } .g-webgl-slide .g-slide-text { position: relative; height: 100vh; top: 0vh; left: 0; } .g-webgl-slide .g-slide-hotspot { position: relative; height: 100vh; top: -100vh; } .g-slide-text-athlete-name, .g-slide-text-athlete-description { pointer-events: none; display: none; } .g-slide-text-annotation { background: rgba(0, 0, 0, 0.4); color: #efefef; width: calc(100% - 60px); text-align: left; max-width: 220px; } .g-slide-text-athlete-name { position: absolute; top: 50%; color: #e5e5e5; font: 500 31px/22px nyt-franklin; width: 100%; margin: auto; letter-spacing: 0.05em; left: 0; -webkit-font-smoothing: antialiased; } .viewport-medium .g-slide-text-athlete-name { font-size: 46px; } .g-slide-text-athlete-description, .g-slide-text-athlete-name { width: 100%; margin: auto; left: 0; letter-spacing: 0.02em; -webkit-font-smoothing: antialiased; } .g-slide-text-athlete-description span, .g-slide-text-athlete-name span { position: relative; top: 3px; padding-left: 30px; } .viewport-medium .g-slide-text-athlete-description span, .viewport-medium .g-slide-text-athlete-name span { padding-left: 0; } .g-slide-text-athlete-description { display: none; font: 500 17px/22px nyt-franklin; top: 64px; letter-spacing: 0.05em; color: #e5e5e5; } .viewport-medium .g-slide-text-athlete-description { font-size: 22px; top: 87px; } .g-slide-text-annotation { position: absolute; bottom: 0%; padding: 30px; color: #efefef; font-family: "nyt-franklin", arial, helvetica, sans-serif; font-size: 17px; line-height: 23px; border-radius: 3px; } .g-slide-text-annotation strong { display: block; font-size: 0.9em; text-transform: uppercase; } .g-webgl-window { position: relative; display: none; padding-top: 60vh; padding-bottom: 70vh; } .g-webgl-loader { width: 100vw; height: 100%; opacity: 0; } .g-webgl-loader .g-webgl-loader-text { font: 500 17px/22px nyt-franklin; letter-spacing: 0.05em; color: #e5e5e5; position: fixed; text-align: left; height: 20px; width: 100px; margin-left: calc(50% - 31px); top: calc(50%); } .g-webgl-fake-camera { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: -1; } .g-webgl-progress-indicator { position: fixed; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 10px; height: 10vh; right: 10px; top: 45vh; background-color: transparent; opacity: 0; display: none !important; } .g-webgl-progress-indicator-dot-container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-positive: 1; flex-grow: 1; } .g-webgl-progress-indicator-dot { opacity: .4; height: 6px; width: 6px; border-radius: 3px; background-color: #cccccc; } .g-slide-text-annotation { left: 0; pointer-events: none; } .g-doc { display: block; } .g-sections { display: block; } .g-unsupported-msg p.open-in-app-button-oops { color: #ffb752; font-style: italic; } .g-unsupported-msg { position: relative; top: 0; left: 0; box-sizing: border-box; padding: 28px 30px 27px 30px; background: rgba(255, 255, 255, 0.15); color: #f0f4f5; width: auto; max-width: 570px; margin: 27px auto 27px auto; } .g-unsupported-msg p { font: 500 15px/22px "nyt-franklin", arial, sans-serif; margin: 0; -webkit-font-smoothing: antialiased; width: auto; letter-spacing: 0.05em; color: #f0f4f5; } .g-unsupported-msg p b { letter-spacing: 0; } .g-unsupported-msg p i { font-style: normal; color: #ffffff; } .g-unsupported-msg p a { text-decoration: none; color: #42bedb; border-bottom: #051519; } .viewport-medium .g-unsupported-msg p a { transition: border-color 0.3s ease-out; } .g-unsupported-msg p a:hover { border-color: #42bedb; } .g-unsupported-msg .ar-checklist { margin: 8px auto 0 auto; } .g-unsupported-msg .ar-checklist li { font: 500 15px/22px "nyt-franklin", arial, sans-serif; margin: 0 0 9px 0; -webkit-font-smoothing: antialiased; color: #e5e5e5; letter-spacing: 0.05em; } .g-unsupported-msg .ar-checklist li .ar-pass, .g-unsupported-msg .ar-checklist li .ar-fail { display: inline-block; width: 19px; height: 19px; border-radius: 0; position: relative; top: 4px; margin-right: 10px; } .g-unsupported-msg .ar-checklist li .ar-pass { opacity: 0.2; background: url('https://ift.tt/2HHmQXT) center center; } .g-unsupported-msg .ar-checklist li .ar-fail { background: url('https://ift.tt/2I3Akkd) center center; opacity: 0.7; } .g-unsupported-msg .ar-checklist li i { font-style: normal; color: #7f7f7f; } .g-unsupported-msg .ar-checklist lilast-of-type { margin-bottom: 0; } .g-unsupported-msg .g-button { background: #f0f4f5; position: relative; margin: 10px auto 20px; width: 100%; cursor: pointer; border-radius: 3px; padding: 0px; display: block; margin: 16px 0 6px 0; } .viewport-medium .g-unsupported-msg .g-button { width: auto; display: inline-block; } .g-unsupported-msg .g-button a { color: #000000; font: 500 15px/1 nyt-franklin, Arial, helvetica, sans-serif; padding: 20px; display: inline-block; cursor: pointer; letter-spacing: 0.05em; } body { background: #000000; } body #shell { background-color: #000000; } .g-ar-supported { display: block; } .g-ar-supported body { background: transparent; } .g-ar-supported-only { display: none; } .g-ar-supported .g-ar-supported-only { display: block; } .g-ar-supported .g-ar-supported-only body { background: transparent; } .g-ar-fallback-only { display: block; } .g-ar-supported .g-ar-fallback-only { display: none; } .masthead { z-index: 101; } #shell { background-color: transparent; overflow: hidden; color: #ffffff; } .g-item-body { opacity: 1; transition: display 0.3s; } .g-item-body.g-item-body-inactive { opacity: 0; } .story-header.interactive-header { margin: 0; background: transparent; z-index: 10 !important; } .story-header { color: #ffffff; background: transparent; top: 0; height: 100vh; width: 100%; margin: 0; max-width: 100% !important; overflow: hidden; position: relative; text-align: center; } @media (max-width: 767px) { .story-header { text-align: left; max-width: calc(100% - 60px); } } .story-header .story-meta { color: #ffffff; position: absolute; bottom: 100px; padding: 0 40px; text-align: left; margin-left: auto; margin-right: auto; left: 60px; width: 520px; text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.35); } @media (max-width: 767px) { .story-header .story-meta { left: 0; text-align: left; top: auto; width: 75%; bottom: 25%; text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.6); } } .story-header h1 { color: #ffffff; position: relative !important; font-size: 51px; font-weight: 500; line-height: 1.07; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0 auto 19px auto; width: 100%; } @media (max-width: 767px) { .story-header h1 { font-size: 32px; line-height: 1.1; font-weight: 700; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-bottom: 0; } } .story-header h1 span { font-weight: 500; } @media (max-width: 767px) { .story-header h1 span { font-weight: 700; } } .story-header .story-meta-footer { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } .story-header .story-meta-footer .interactive-byline { -ms-flex: 1 100%; flex: 1 100%; -ms-flex-order: 2; order: 2; max-width: 420px; } @media (max-width: 767px) { .story-header .story-meta-footer .interactive-byline { max-width: 220px; } } .story-header .story-meta-footer .interactive-leadin { -ms-flex: 1 100%; flex: 1 100%; -ms-flex-order: 1; order: 1; } .story-header .summary { color: #ffffff; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font: 500 26px/1.3 nyt-cheltenham; text-align: left; } @media (max-width: 767px) { .story-header .summary { display: none; margin: 0; font: 400 19px/1.3 nyt-cheltenham-sh; max-width: none; text-align: left; width: 100%; } } .story-header .byline-author { color: #e5e5e5; visibility: hidden; } .story-header .byline-author.g-ready { visibility: visible; } .story-header .byline-dateline { color: #e5e5e5; text-align: left; font: 500 14px/1.2 nyt-franklin; margin: 10px 0 0; } @media (max-width: 767px) { .story-header .byline-dateline { font: 500 14px/1.3 nyt-franklin; } } .story-header .byline-dateline .byline { color: #e5e5e5; margin-bottom: 0; } .story-header .byline-dateline .dateline { color: #e5e5e5; display: block; margin: 10px 0 0; font-weight: 500; } .masthead.in-content { display: none !important; } .d-sms-form .d-success { margin-top: 2em; } .g-body { margin: 0 auto 16px auto; padding: 0; color: #e5e5e5; -webkit-font-smoothing: antialiased; } @media (max-width: 767px) { .g-body { max-width: calc(100vw - 60px); font-size: 18px; line-height: 1.425; margin: 0 auto 11px auto; } } .g-body span { border-bottom: 2px #00ffff solid; color: #ffffff; text-shadow: 0px 1px 1px #212121, 2px 2px 1px #212121, -2px 2px 1px #212121; } .viewport-medium .g-body { font-size: 20px; line-height: 1.4; } .g-subhed h2 { text-align: left; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 767px) { .g-subhed h2 { max-width: calc(100vw - 60px); } } .viewport-medium .g-subhed h2 { max-width: none; } .g-subhed h2 { color: #ffffff; margin: 35px auto 12px auto; font: 700 22px/1 'nyt-cheltenham-sh', arial, sans-serif; } .viewport-medium .g-subhed h2 { max-width: 570px; margin: 45px auto 17px auto; font-size: 28px; line-height: 1; } .g-image { max-width: calc(100% - 60px); margin: auto; } .g-image:first-of-type { margin-bottom: 50px; } .g-item-video { margin: 50px auto; height: auto; } @media (max-width: 945px) { .g-item-video { height: 100% !important; } } .g-interactive #d-vr-promo { padding: 2rem; } .g-promo-container { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; max-width: 570px; margin: 0 auto; } @media (max-width: 767px) { .g-promo-container { -ms-flex-direction: column; flex-direction: column; } } .g-graphic, .g-asset-source .g-credit { position: relative; color: #efefef; } #related-coverage { display: none; position: relative; max-width: calc(100% - 60px); margin-left: auto; margin-right: auto; } #related-coverage .section-heading, #related-coverage .story-heading, #related-coverage .kicker { color: #e5e5e5; } .viewport-medium #related-coverage { margin: 120px auto 0px; } .story-info.interactive-credit { display: none; max-width: 570px; margin: 0 auto; } .story-info.interactive-credit p { position: relative; color: #efefef; font-size: 14px; font-size: 0.875rem; line-height: 18px; line-height: 1.125rem; font-weight: 500; font-style: normal; font-family: "nyt-franklin", arial, helvetica, sans-serif; } @media (max-width: 767px) { .story-info.interactive-credit { max-width: calc(100% - 60px); } } .story-info.interactive-credit:before { width: 60px; content: ''; display: inline-block; height: 1px; margin: 0 0 13px; background-color: #efefef; margin-top: 1rem; } .story.theme-minimal .sharetools.layout-horizontal { display: none; } .g-graphic.g-graphic-freebird .g-ad-wrapper .ad { border-top: 1px solid #efefef !important; border-bottom: 1px solid #efefef !important; } .related-coverage header { border-bottom: 1px solid #efefef; } .related-coverage { border-top: 1px solid #efefef; } .related-coverage .menu li { border-top: 1px solid #ebebeb; } .g-asset-source { text-align: right; padding-left: 0; padding-right: 0; } .g-asset-source .g-credit { letter-spacing: 0.05em; color: #efefef; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .g-ad-sponsorTile { position: absolute; left: 20px; width: 150px; height: 30px; top: 50px; z-index: 999999; } .g-ad-sponsorBanner { width: 100%; max-width: none; } .g-ad-sponsorTileText { display: none; } .viewport-medium-10 .g-ad-sponsorTile { width: 190px; height: 25px; position: absolute; right: 20px; top: 100px; left: auto; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .viewport-medium-10 .g-ad-sponsorTileText { display: block; } .g-ad-sponsorTileText { color: #666; font-family: Arial; font-size: 12px; margin-top: 3px; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; } #ad-article-sponsorTile { width: 88px !important; } .g-ios-not-in-app #d-vr-promo { display: none !important; } .g-ios-not-in-app .g-promo-container .g-image { margin-bottom: 0; } .g-body a { text-decoration: none; color: #42bedb; border-bottom: #051519; } .viewport-medium .g-body a { transition: border-color 0.3s ease-out; } .g-body a:hover { border-color: #42bedb; } .g-body span.g-lede { border-bottom: none; text-shadow: none; color: #ffffff; } .viewport-medium .g-body span.g-lede { font-family: nyt-franklin; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; font-size: 15px; } .g-custom-related { max-width: 570px; margin: 50px auto; border-radius: 3px; overflow: hidden; transition: ease-in-out background 0.1s; } .g-custom-related article a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; text-decoration: none; } .g-custom-related article a .wide-thumb img { max-width: 315px; } @media (max-width: 767px) { .g-custom-related article a .wide-thumb img { max-width: 315px; } } .g-custom-related article a .story-heading { color: #ffffff !important; font-family: nyt-cheltenham-sh; font-weight: 700 !important; font-size: 18px !important; line-height: 22px !important; padding: 0 30px; -webkit-font-smoothing: antialiased; } @media (max-width: 767px) { .g-custom-related article a .story-heading { padding: 15px 20px 18px 0px; } } @media (max-width: 767px) { .g-custom-related article a { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 767px) { .g-custom-related { max-width: calc(100% - 60px); } } .g-sections { padding-top: 40px; } #adWrapperOuter, #adTopBar { display: block; opacity: 0; pointer-events: none; } .g-show-ad #adWrapperOuter, .g-show-ad #adTopBar { opacity: 1; pointer-events: all; } .g-note { position: relative; max-width: 570px; margin: 25px auto 50px; } .g-note p { color: #e5e5e5; font-family: "nyt-franklin", arial, helvetica, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0.03rem; font-size: 17px; line-height: 23px; } .g-note p a { text-decoration: none; color: #42bedb; border-bottom: 1px rgba(66, 190, 219, 0.2) solid; } .viewport-medium .g-note p a { transition: border-color 0.3s ease-out; } .g-note p a:hover { border-color: #42bedb; } @media (max-width: 767px) { .g-note { margin: 25px auto 25px; max-width: calc(100vw - 60px); } } @media (max-width: 767px) { .g-note:after { width: 60px; content: ''; display: inline-block; height: 1px; margin: 0 auto; background-color: rgba(255, 255, 255, 0.2); margin-top: 1rem; } } .g-credits { max-width: 570px; margin: 25px auto; } .g-credits p { position: relative; color: #e5e5e5; font-size: 16px !important; line-height: 22px !important; letter-spacing: 0.05em; font-weight: 500; font-style: normal; font-family: "nyt-franklin", arial, helvetica, sans-serif; padding: 0; } @media (max-width: 767px) { .g-credits { max-width: calc(100vw - 60px); } } /*.g-credits:before { width: 60px; content: ''; display: inline-block; height: 1px; margin: 0 0 13px; background-color: #fff; margin-top: 1rem; }*/ .g-ad.g-sponsor-ad { max-width: none !important; width: 100%; position: relative; min-height: 442px; } .viewport-medium-10 .g-ad.g-sponsor-ad { min-height: 322px; } .g-ad.g-sponsor-ad .g-ad-wrapper { position: relative; max-width: none !important; } .g-ad.g-sponsor-ad:before { content: "Advertisement"; text-align: center; text-transform: uppercase; letter-spacing: 1px; font-family: arial; font-size: 12px; color: #999; display: block; line-height: 20px; height: 20px; top: 0; right: 0; left: 0; bottom: 0; margin: auto; position: absolute; } .g-cover { height: 100vh; margin-bottom: 40px; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 0; background-size: cover; background-position: 50% 50%; } .g-cover img, .g-cover video { left: 0; height: 100%; -o-object-fit: cover; object-fit: cover; opacity: 0; position: absolute; width: 100%; transition: opacity 0.35s ease-in-out; transition-delay: 0.25s; } .g-cover img { transition: opacity 0.35s ease-in-out; z-index: 0; } .g-cover img.g-image-ready { opacity: 1; } .g-cover.g-video-play img { opacity: 0; } .g-cover.g-video-play.g-video-pause { visibility: hidden; } .g-cover.g-video-play video { opacity: 1; } .g-cover-credit { padding: 10px; } .g-image-group { margin: 30px; position: relative; text-align: center; } .g-image-group .g-img-wrap { bottom: 0; display: inline-block; height: 100%; opacity: 0; position: absolute; width: 100%; } .g-image-group .g-img-wrap img { display: block; position: absolute; vertical-align: middle; width: 100%; } .g-image-group .g-img-wrap:last-child { position: relative; } .g-image-group .g-img-wrap:last-child img { position: relative; } .g-image { max-width: calc(100% - 60px); margin: 0 auto; } .g-item.g-image .g-item-image { max-width: 570px !important; } @media screen and (max-width: 766px) { .g-image-group-wrap.g-num-2 .g-img-wrap { opacity: 0; } .g-image-group-wrap.g-num-2 .g-img-wrap.g-img-0 { opacity: 1; } .g-image-group-wrap.g-num-2 .g-img-wrap.g-img-1 { animation: _2-2 6s infinite; } .g-image-group-wrap.g-num-3 .g-img-wrap { opacity: 0; } .g-image-group-wrap.g-num-3 .g-img-wrap.g-img-0 { opacity: 1; } .g-image-group-wrap.g-num-3 .g-img-wrap.g-img-1 { animation: _2-3 8s infinite; } .g-image-group-wrap.g-num-3 .g-img-wrap.g-img-2 { animation: _3-3 8s infinite; } } @keyframes _2-2 { 0% { opacity: 0; } 42% { opacity: 0; } 50% { opacity: 1; } 92% { opacity: 1; } 100% { opacity: 0; } } @keyframes _1-3 { 0% { opacity: 1; } 28.33% { opacity: 1; } 33.33% { opacity: 0; } 100% { opacity: 0; } } @keyframes _2-3 { 0% { opacity: 0; } 28.33% { opacity: 0; } 33.33% { opacity: 1; } 61.66% { opacity: 1; } 66.66% { opacity: 0; } } @keyframes _3-3 { 0% { opacity: 0; } 61.66% { opacity: 0; } 66.66% { opacity: 1; } 95% { opacity: 1; } 100% { opacity: 0; } } .g-mobile { display: none; } .g-desktop { display: block; } @media screen and (min-width: 767px) { .g-mobile { display: block; } .g-desktop { display: none; } .g-image-group { height: auto; margin: 40px auto; } .g-image-group .caption { padding: 0 40px; } .g-image-group .g-img-wrap { display: inline-block; height: auto; margin: 20px; opacity: 1; padding: 0; position: static; vertical-align: middle; transform: translate3d(0, 0, 0); width: calc(30% - 20px); } .g-image-group .g-img-wrap img { display: block; position: static; transform: translate3d(0, 0, 0); } } .caption, .g-asset-source { text-align: left; } video::-webkit-media-controls, video::-webkit-media-controls-start-playback-button { display: none; } .desktop .g-sections { padding-top: 20px; } .desktop .g-sections div:first-child .g-note.g-ar-fallback-only { display: none; } .g-ar-and-fallback-ad-wrapper { display: none; } /*.g-cover{ -webkit-transition: opacity .6s; -moz-transition: opacity .6s; -o-transition: opacity .6s; transition: opacity .6s; }*/ /*.g-cover { background-image: url(https://ift.tt/2G1a7i2); } @media (max-aspect-ratio: 1/1) { .g-cover { background-image: url(https://ift.tt/2IKcIP8); } }*/Augmented reality is a new approach to digital storytelling that we are exploring. Read about how to use it on your phone or tablet here.
Augmented reality is a new approach to digital storytelling that we are exploring. Read about how to use it on your phone or tablet here.
Missions to Mars
In July 1965, the Mariner 4 spacecraft flew past Mars and took the first close-up image of another planet, a series of numbers that impatient engineers colored by hand.
Ticker tape image of Mars, colored by NASA engineers.NASA/JPL-Caltech/Dan Goods
Since then, Earth has sent 18 spacecraft to try to land on Mars or its larger moon, Phobos. Five never made it, four crashed into Mars and two failed after landing. Only seven touched down softly and survived to take their own photographs.
The first photograph taken on the surface of Mars, by Viking 1 on July 20, 1976.NASA/JPL
NASA’s InSight spacecraft is scheduled to launch on Saturday and land on Mars on Nov. 26.
If successful, the lander will join two rovers still operating on Mars and a growing fleet of spacecraft studying the planet from Mars orbit.
CONTINUE READING ARTICLE
Listening for Marsquakes
After landing, InSight will unfurl its solar panels and use its robotic arm to place two instruments on the Martian surface.
#g-lander-box .g-artboard { margin:0 auto; } #g-lander-box .g-artboard p { margin:0; } .g-aiAbs { position:absolute; } .g-aiImg { display:block; width:100% !important; } .g-aiPointText p { white-space: nowrap; } #g-lander-300 { position:relative; overflow:hidden; } #g-lander-300 p { font-family:nyt-franklin,arial,helvetica,sans-serif; font-weight:300; font-size:15px; line-height:18px; height:auto; filter:alpha(opacity=100); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity:1; letter-spacing:0em; text-align:left; color:rgb(255,255,255); text-transform:none; padding-bottom:0; padding-top:0; mix-blend-mode:normal; font-style:normal; } #g-lander-300 .g-pstyle0 { height:18px; filter:alpha(opacity=85); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85); opacity:0.85; text-align:right; } #g-lander-300 .g-pstyle1 { height:18px; filter:alpha(opacity=85); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85); opacity:0.85; text-align:center; } #g-lander-450 { position:relative; overflow:hidden; } #g-lander-450 p { font-family:nyt-franklin,arial,helvetica,sans-serif; font-weight:300; font-size:15px; line-height:18px; height:auto; filter:alpha(opacity=100); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity:1; letter-spacing:0em; text-align:left; color:rgb(255,255,255); text-transform:none; padding-bottom:0; padding-top:0; mix-blend-mode:normal; font-style:normal; } #g-lander-450 .g-pstyle0 { height:18px; filter:alpha(opacity=85); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85); opacity:0.85; text-align:right; } #g-lander-450 .g-pstyle1 { height:18px; filter:alpha(opacity=85); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85); opacity:0.85; text-align:center; } #g-lander-600 { position:relative; overflow:hidden; } #g-lander-600 p { font-family:nyt-franklin,arial,helvetica,sans-serif; font-weight:300; font-size:15px; line-height:18px; height:auto; filter:alpha(opacity=100); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity:1; letter-spacing:0em; text-align:left; color:rgb(255,255,255); text-transform:none; padding-bottom:0; padding-top:0; mix-blend-mode:normal; font-style:normal; } #g-lander-600 .g-pstyle0 { height:18px; filter:alpha(opacity=85); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85); opacity:0.85; text-align:right; } #g-lander-600 .g-pstyle1 { height:18px; filter:alpha(opacity=85); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85); opacity:0.85; text-align:center; } #g-lander-720 { position:relative; overflow:hidden; } #g-lander-720 p { font-family:nyt-franklin,arial,helvetica,sans-serif; font-weight:300; font-size:15px; line-height:18px; height:auto; filter:alpha(opacity=100); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity:1; letter-spacing:0em; text-align:left; color:rgb(255,255,255); text-transform:none; padding-bottom:0; padding-top:0; mix-blend-mode:normal; font-style:normal; } #g-lander-720 .g-pstyle0 { height:18px; filter:alpha(opacity=85); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85); opacity:0.85; text-align:right; } #g-lander-720 .g-pstyle1 { height:18px; filter:alpha(opacity=85); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85); opacity:0.85; text-align:center; }
Robotic arm
Solar panels
Seismometer
Heat flow probe
Robotic arm
Solar panels
Seismometer
and protective
dome
Heat flow probe
Robotic arm
Solar panels
Seismometer
and protective
dome
Heat flow probe
Robotic arm
Solar panels
Seismometer
and protective
dome
Heat flow probe
Image by NASA/JPL
A seismometer under a protective dome will listen for marsquakes, which have never been confirmed.
InSight’s seismometer can detect vibrations smaller than the diameter of an atom, and should be able to sense meteorite impacts and the tidal swelling of the ground from the gravity of the moon Phobos.
The small moon Phobos exerts a tidal pull on Mars.NASA, ESA, Z. Levay and G. Bacon, Space Telescope Science Institute
A smaller device will try to hammer itself about 16 feet into the Martian soil, to measure heat flow from the interior of the planet.
Mars and Earth share a similar past, and what InSight discovers could help explain the formation of other rocky planets, both within our solar system and orbiting distant stars.
CONTINUE READING ARTICLE
Wet Mars
Mars today is dry and dusty, but long ago it had rivers and oceans, and may have been hospitable to life.
Previous missions to Mars have tried to “follow the water†by digging for ice or searching for rocks shaped by water.
Layered rock formed by sediments flowing into a Martian lake.NASA/JPL-Caltech
InSight will complement that search by looking deep inside the planet.
With luck, InSight’s seismic readings might discover evidence of underground aquifers or help explain how gases from the magma filled the early Martian atmosphere.
CONTINUE READING ARTICLE
Six Months to Mars
InSight will not be alone during its six-month cruise to Mars. Two small CubeSats, each about the size of a briefcase, will trail behind and monitor the spacecraft’s descent onto the planet’s surface.
An engineer tests one of two small CubeSats that will fly behind InSight.NASA/JPL-Caltech
InSight is scheduled to launch early Saturday morning from Vandenberg Air Force Base in California, and should be visible to early risers in Los Angeles and San Diego.
An Atlas V rocket at Vandenberg Air Force Base will launch the InSight spacecraft.Randy Beaudoin/NASA
If the launch is successful, InSight will be the first interplanetary mission to launch from the West Coast.
Produced by Graham Roberts, Jonathan Corum and Marcelle Hopkins. AR experience design and production by Mika Gröndahl, Evan Grothjan, Yuliya Parshina-Kottas, Karthik Patanjali, Miles Peyton. AR and WebGL development by Jon Huang, Ben Wilhelm and Blacki Migliozzi.
Cover image of Mars by the Viking 1 orbiter, from NASA and the United States Geological Survey.
Mars mission map from the USGS Astrogeology Science Center and Arizona State University’s Mars Space Flight Facility.
InSight model by NASA, Jet Propulsion Laboratory and the California Institute of Technology, adapted and simplified for augmented reality by The New York Times.
Early Mars map by European Southern Observatory/Martin Kornmesser.
Sources – NASA, Jet Propulsion Laboratory, California Institute of Technology, NASA's Scientific Visualization Studio and the Maven Science Team.
Sync your calendar with the solar system and sign up for the Science Times newsletter.
RSS Feed
Bagikan Berita Ini
0 Response to "Augmented Reality: Explore InSight NASA's Latest Mission to Mars"
Post a Comment