@charset “UTF-8”;
/***********************
B A S E S T Y L E S
************************/
/*************************************
T Y P E : C L A S S M I X I N S
**************************************/
/* Headline */
/* Leadin */
/* Byline */
/* Dateline */
/* Alert */
/* Subhed */
/* Body */
/* Caption */
/* Leadin */
/* Credit */
/* Label */
/**********
S I Z E S
***********/
/********************
T Y P O G R A P H Y
*********************/
.g-headline,
.interactive-heading,
#interactive-leadin,
.g-subhed
font-family: “nyt-cheltenham”, georgia, “times new roman”, times, serif;
.g-alert, .g-alert.g-body, .g-alert .g-body, .g-alert_link,
.g-byline,
.g-caption, .g-caption_bold, .g-caption_heading,
.g-chart,
.g-credit, .g-credit_bullet,
.g-dateline,
.g-label, .g-label_white,
.g-leadin,
.g-refer, .g-refer.g-body, .g-refer .g-body,
.g-table-text
font-family: “nyt-franklin”, arial, helvetica, sans-serif;
.g-body, .g-body_bullet, .g-body_link
font-family: “nyt-imperial”, georgia, “times new roman”, times, serif;
/* Light text */
.g-asset-leadin.g-caption_heading,
.g-chart,
.g-headline,
.interactive-heading,
.g-label, .g-label_white,
.g-leadin, #interactive-leadin,
.g-table-text
font-weight: 300;
/* Normal text */
/* Medium text */
.g-alert, .g-alert.g-body, .g-alert .g-body, .g-alert_link,
.g-body, .g-body_bullet, .g-body_link,
.g-caption,
.g-credit,
.g-dateline,
.g-refer, .g-refer.g-body, .g-refer .g-body, .g-refer_link,
.g-subhed
font-weight: 500;
/* Bold text */
.g-byline,
.g-caption_bold, .g-caption_heading,
.g-chart-header,
.g-credit_bullet,
.g-subhed,
.g-table-heading
font-weight: 700;
strong
font-weight: 700;
/*
Type Mixins
*************************/
/* MODULE : GUIDE */
/**********************/
.g-inlineguide-list-circle p,
.g-inlineguide-list-circle div,
.g-inlineguide-list-circle li
position: relative;
padding-left: 1.75em;
@media (min-width: 740px)
.g-inlineguide-list-circle p,
.g-inlineguide-list-circle div,
.g-inlineguide-list-circle li
padding-left: 0;
.g-inlineguide-list-circle p:before,
.g-inlineguide-list-circle div:before,
.g-inlineguide-list-circle li:before
position: absolute;
content: “•”;
top: 2px;
left: 1em;
font-size: 15px;
line-height: 24px;
@media (min-width: 600px)
.g-inlineguide-list-circle p:before,
.g-inlineguide-list-circle div:before,
.g-inlineguide-list-circle li:before
top: 3px;
left: -1em;
.g-inlineguide
background-color: #F4F5F2;
text-align: left;
margin-top: 30px;
margin-bottom: 30px;
height: 380px;
transition: height 0.5s;
@media (min-width: 740px)
.g-inlineguide
max-width: 600px;
margin: 10px auto;
border-radius: 10px;
#truncate-content
transition: height 0.5s;
height: 300px;
.g-inlineguide-container
margin: 0 20px 0px 20px;
padding: 20px 0 7px 0;
@media (min-width: 740px)
.g-inlineguide-container
margin: 0 35px 0px 35px;
.g-inlineguide-container-wrapper
height: 100%;
.g-inlineguide-bottom
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: center;
justify-content: center;
top: 10px;
.g-inlineguide-content
position: relative;
height: 300px;
max-width: 520px;
overflow: hidden;
.g-inlineguide-logo
margin: 0 0 10px 0;
.g-inlineguide-date
font-family: “nyt-franklin”, arial, helvetica, sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 25px;
color: #666666;
max-width: 600px;
margin: 5px auto 15px;
#g-inlineguide-headline
font-family: “nyt-franklin”, arial, helvetica, sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 20px;
max-width: 600px;
@media (min-width: 740px)
#g-inlineguide-headline
font-size: 16px;
/* LINKS */
#g-inlineguide-id a
text-decoration: none;
.g-inlineguide a
color: #326891;
text-decoration: none;
border-bottom: 2px solid #CCD9E3;
.g-inlineguide a:visited
color: #333;
text-decoration: none;
border-bottom: 2px solid #ddd;
.g-inlineguide a:hover
border-bottom: none;
/* LIST */
.g-inlineguide-list-header
font-family: nyt-cheltenham, georgia, “times new roman”, times, serif;
font-weight: 500;
font-size: 20px;
line-height: 25px;
margin-top: 5px;
margin-bottom: 5px;
@media (min-width: 740px)
.g-inlineguide-list-header
font-size: 26px;
line-height: 30px;
margin-bottom: 10px;
margin-top: 10px;
.g-inlineguide-item-list
font-size: 15px;
line-height: 20px;
font-family: “nyt-franklin”, arial, helvetica, sans-serif;
font-weight: 500;
#g-inlineguide-item-list li
margin-bottom: 10px;
padding-left: 15px;
line-height: 20px;
@media (min-width: 740px)
#g-inlineguide-item-list li
line-height: 22px;
font-size: 16px;
#g-inlineguide-item-list li:before
color: #333333;
margin-left: -15px;
margin-right: 10px;
top: 0;
font-size: 16px;
@media (min-width: 740px)
#g-inlineguide-item-list li:before
left: 1em;
ul.g-inlineguide-list
max-width: 600px;
margin: auto;
.g-inlineguide-line-truncated
background-image: linear-gradient(180deg, transparent, #f4f5f2);
background-image: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0), #f4f5f2);
height: 50px;
border-bottom: 0.5px solid #dcddda;
width: 90%;
margin-top: -55px;
position: absolute;
@media (min-width: 740px)
.g-inlineguide-line-truncated
max-width: 520px;
width: 90%;
/* viewport example
.g-element
max-width: 100%;
@include viewport(‘small’) // 600px
max-width: 90%;
@include viewport(‘medium’) // 740px
max-width: 80%;
@include viewport(‘large’) // 1024px
max-width: 70%;
*/
.g-inlineguide-truncate-button
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 10px 0 0 28px;
.g-inlineguide-truncate-button-text
font-family: “nyt-franklin”, arial, helvetica, sans-serif;
margin-top: 9px;
font-size: 13px;
font-weight: 650;
line-height: 28px;
/* or 215% */
letter-spacing: 0.03em;
text-transform: uppercase;
color: #333333;
background-color: transparent;
#g-inlineguide-expand-carat-transform
margin-top: 8px;
width: 28px;
height: 28px;
margin-left: 3px;
background-color: #F4F5F2;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
.g-inlineguide-expand-carat-transform-show
transform: rotate(180deg);
transition: transform 0.5s ease;
.g-inlineguide-line
border: 0.5px solid #dcddda;
width: 100%;
max-width: 600px;
margin: auto;
margin-top:20px;
The Coronavirus Outbreak
-
Updated Feb. 26, 2020
- What is a coronavirus?
It is a novel virus named for the crownlike spikes that protrude from its surface. The coronavirus can infect both animals and people and can cause a range of respiratory illnesses from the common cold to more dangerous conditions like Severe Acute Respiratory Syndrome, or SARS.
- How do I keep myself and others safe?
Washing your hands frequently is the most important thing you can do, along with staying at home when you’re sick.
- What if I’m traveling?
The C.D.C. haswarned older and at-risk travelers to avoid Japan, Italy and Iran. The agency also has advised against all nonessential travel to South Korea and China.
- Where has the virus spread?
The virus, which originated in Wuhan, China, has sickened more than 80,000 people in at least 33 countries, including Italy, Iran and South Korea.
- How contagious is the virus?
According to preliminary research, it seems moderately infectious, similar to SARS, and is probably transmitted through sneezes, coughs and contaminated surfaces. Scientists have estimated that each infected person could spread it to somewhere between 1.5 and 3.5 people without effective containment measures.
- Who is working to contain the virus?
World Health Organization officials have been working with officials in China, where growth has slowed. But this week, as confirmed cases spiked on two continents, experts warned that the world was not ready for a major outbreak.