body,#bodyTable,#bodyCell{
height:100% !important;
margin:0;
padding:0;
width:100% !important;
}
table{
border-collapse:collapse;
}
img,a img{
border:0;
outline:none;
text-decoration:none;
}
h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
}
p{
margin:1em 0;
padding:0;
}
a{
word-wrap:break-word;
}
.ReadMsgBody{
width:100%;
}
.ExternalClass{
width:100%;
}
.ExternalClass,.ExternalClass p,.ExternalClass span,.ExternalClass font,.ExternalClass td,.ExternalClass div{
line-height:100%;
}
table,td{
mso-table-lspace:0pt;
mso-table-rspace:0pt;
}
#outlook a{
padding:0;
}
img{
-ms-interpolation-mode:bicubic;
}
body,table,td,p,a,li,blockquote{
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
#templatePreheader,#templateHeader,#templateBody,#templateFooter{
min-width:100%;
}
#bodyCell{
padding:20px;
}
.mcnImage{
vertical-align:bottom;
}
.mcnTextContent img{
height:auto !important;
}
body,#bodyTable{
background-color:#ffffff;
}
#bodyCell{
border-top:0;
}
#templateContainer{
border:0;
}
h1{
color:#000000 !important;
display:block;
font-family:Helvetica;
font-size:26px;
font-style:normal;
font-weight:normal;
line-height:200%;
letter-spacing:normal;
margin:0;
text-align:left;
}
h2{
color:#000000 !important;
display:block;
font-family:Helvetica;
font-size:20px;
font-style:normal;
font-weight:normal;
line-height:200%;
letter-spacing:normal;
margin:0;
text-align:left;
}
h3{
color:#000000 !important;
display:block;
font-family:Helvetica;
font-size:18px;
font-style:normal;
font-weight:normal;
line-height:200%;
letter-spacing:normal;
margin:0;
text-align:left;
}
h4{
color:#000000 !important;
display:block;
font-family:Helvetica;
font-size:16px;
font-style:normal;
font-weight:normal;
line-height:200%;
letter-spacing:normal;
margin:0;
text-align:left;
}
#templatePreheader{
background-color:#ffffff;
border-top:0;
border-bottom:0;
}
.preheaderContainer .mcnTextContent,.preheaderContainer .mcnTextContent p{
color:#606060;
font-family:Helvetica;
font-size:11px;
line-height:125%;
text-align:left;
}
.preheaderContainer .mcnTextContent a{
color:#606060;
font-weight:normal;
text-decoration:underline;
}
#templateHeader{
background-color:#ffffff;
border-top:0;
border-bottom:0;
}
.headerContainer .mcnTextContent,.headerContainer .mcnTextContent p{
color:#213563;
font-family:Helvetica;
font-size:15px;
line-height:150%;
text-align:left;
}
.headerContainer .mcnTextContent a{
color:#6DC6DD;
font-weight:normal;
text-decoration:underline;
}
#templateBody{
background-color:#ffffff;
border-top:0;
border-bottom:0;
}
.bodyContainer .mcnTextContent,.bodyContainer .mcnTextContent p{
color:#666666;
font-family:Arial, ‘Helvetica Neue’, Helvetica, sans-serif;
font-size:14px;
line-height:200%;
text-align:left;
}
.bodyContainer .mcnTextContent a{
color:#3667cf;
font-weight:normal;
text-decoration:underline;
}
#templateFooter{
background-color:#ffffff;
border-top:1px dotted #999999;
border-bottom:0;
}
.footerContainer .mcnTextContent,.footerContainer .mcnTextContent p{
color:#606060;
font-family:Helvetica;
font-size:11px;
line-height:125%;
text-align:left;
}
.footerContainer .mcnTextContent a{
color:#606060;
font-weight:normal;
text-decoration:underline;
}
@media only screen and (max-width: 480px){
body,table,td,p,a,li,blockquote{
-webkit-text-size-adjust:none !important;
}
} @media only screen and (max-width: 480px){
body{
width:100% !important;
min-width:100% !important;
}
} @media only screen and (max-width: 480px){
td[id=bodyCell]{
padding:10px !important;
}
} @media only screen and (max-width: 480px){
table[class=mcnTextContentContainer]{
width:100% !important;
}
} @media only screen and (max-width: 480px){
.mcnBoxedTextContentContainer{
max-width:100% !important;
min-width:100% !important;
width:100% !important;
}
} @media only screen and (max-width: 480px){
table[class=mcpreview-image-uploader]{
width:100% !important;
display:none !important;
}
} @media only screen and (max-width: 480px){
img[class=mcnImage]{
width:100% !important;
}
} @media only screen and (max-width: 480px){
table[class=mcnImageGroupContentContainer]{
width:100% !important;
}
} @media only screen and (max-width: 480px){
td[class=mcnImageGroupContent]{
padding:9px !important;
}
} @media only screen and (max-width: 480px){
td[class=mcnImageGroupBlockInner]{
padding-bottom:0 !important;
padding-top:0 !important;
}
} @media only screen and (max-width: 480px){
tbody[class=mcnImageGroupBlockOuter]{
padding-bottom:9px !important;
padding-top:9px !important;
}
} @media only screen and (max-width: 480px){
table[class=mcnCaptionTopContent],table[class=mcnCaptionBottomContent]{
width:100% !important;
}
} @media only screen and (max-width: 480px){
table[class=mcnCaptionLeftTextContentContainer],table[class=mcnCaptionRightTextContentContainer],table[class=mcnCaptionLeftImageContentContainer],table[class=mcnCaptionRightImageContentContainer],table[class=mcnImageCardLeftTextContentContainer],table[class=mcnImageCardRightTextContentContainer]{
width:100% !important;
}
} @media only screen and (max-width: 480px){
td[class=mcnImageCardLeftImageContent],td[class=mcnImageCardRightImageContent]{
padding-right:18px !important;
padding-left:18px !important;
padding-bottom:0 !important;
}
} @media only screen and (max-width: 480px){
td[class=mcnImageCardBottomImageContent]{
padding-bottom:9px !important;
}
} @media only screen and (max-width: 480px){
td[class=mcnImageCardTopImageContent]{
padding-top:18px !important;
}
} @media only screen and (max-width: 480px){
td[class=mcnImageCardLeftImageContent],td[class=mcnImageCardRightImageContent]{
padding-right:18px !important;
padding-left:18px !important;
padding-bottom:0 !important;
}
} @media only screen and (max-width: 480px){
td[class=mcnImageCardBottomImageContent]{
padding-bottom:9px !important;
}
} @media only screen and (max-width: 480px){
td[class=mcnImageCardTopImageContent]{
padding-top:18px !important;
}
} @media only screen and (max-width: 480px){
table[class=mcnCaptionLeftContentOuter] td[class=mcnTextContent],table[class=mcnCaptionRightContentOuter] td[class=mcnTextContent]{
padding-top:9px !important;
}
} @media only screen and (max-width: 480px){
td[class=mcnCaptionBlockInner] table[class=mcnCaptionTopContent]:last-child td[class=mcnTextContent]{
padding-top:18px !important;
}
} @media only screen and (max-width: 480px){
td[class=mcnBoxedTextContentColumn]{
padding-left:18px !important;
padding-right:18px !important;
}
} @media only screen and (max-width: 480px){
td[class=mcnTextContent]{
padding-right:18px !important;
padding-left:18px !important;
}
} @media only screen and (max-width: 480px){
table[id=templateContainer],table[id=templatePreheader],table[id=templateHeader],table[id=templateBody],table[id=templateFooter]{
max-width:600px !important;
width:100% !important;
}
} @media only screen and (max-width: 480px){
h1{
font-size:20px !important;
line-height:200% !important;
}
} @media only screen and (max-width: 480px){
h2{
font-size:18px !important;
line-height:200% !important;
}
} @media only screen and (max-width: 480px){
h3{
font-size:16px !important;
line-height:200% !important;
}
} @media only screen and (max-width: 480px){
h4{
font-size:14px !important;
line-height:200% !important;
}
} @media only screen and (max-width: 480px){
table[class=mcnBoxedTextContentContainer] td[class=mcnTextContent],td[class=mcnBoxedTextContentContainer] td[class=mcnTextContent] p{
font-size:18px !important;
line-height:125% !important;
}
} @media only screen and (max-width: 480px){
table[id=templatePreheader]{
display:block !important;
}
} @media only screen and (max-width: 480px){
td[class=preheaderContainer] td[class=mcnTextContent],td[class=preheaderContainer] td[class=mcnTextContent] p{
font-size:14px !important;
line-height:115% !important;
}
} @media only screen and (max-width: 480px){
td[class=headerContainer] td[class=mcnTextContent],td[class=headerContainer] td[class=mcnTextContent] p{
font-size:14px !important;
line-height:125% !important;
}
} @media only screen and (max-width: 480px){
td[class=bodyContainer] td[class=mcnTextContent],td[class=bodyContainer] td[class=mcnTextContent] p{
font-size:12px !important;
line-height:200% !important;
}
} @media only screen and (max-width: 480px){
td[class=footerContainer] td[class=mcnTextContent],td[class=footerContainer] td[class=mcnTextContent] p{
font-size:10px !important;
line-height:115% !important;
}
} @media only screen and (max-width: 480px){
td[class=footerContainer] a[class=utilityLink]{
display:block !important;
}
}
|
|
Welcome Adam Nekola!
We’re thrilled to welcome Adam Nekola as a full-time employee at ONA! Adam is responsible for developing and managing the ONA web properties. Adam has previously worked with ONA as a consultant, developing our conference and ethics websites, and brings new ideas on how to level up ONA’s digital presence. Adam came to ONA after two years in the D.C. tech startup world, serving as the Manager of Digital Content at FiscalNote – a tech company reinventing government affairs using open data. There, Adam led content and social media strategy and engaged in media partnerships. Before that, he worked at the Pew Research Center, where he implemented a responsive design to their website and created dozens of interactive projects.
|
|
|
New workflow, domain tools
We have added two new tools to our official Sponsored Resources Page, a space for tools, programs, technologies and other opportunities for the digital journalism community.
Check them out today.
|
|
|
Upcoming Events:
ONA Local groups regularly host events and meetups for digital journalists all over the world. Find a group near you or get in touch if you’re interested in starting an ONA Local group!
|
|
|
Jobs for journalists
Whether you’re focused on getting a new job right now or just interested in seeing what opportunities are out there, ONA’s Career Center is an excellent resource for journalism jobs. It’s free for job seekers to browse. Recent postings include:
|
|
|
What We’re Reading
NiemanLab has started releasing their predictions for journalism in 2017. Every year, they ask some of the smartest people in the business for their predictions, and every year, we devour them. In this special roundup of “What We’re Reading,” we’ve pulled out all of the predictions that have been published so far by leaders in the ONA-Poynter Women’s Leadership Academy, the predecessor to ONA’s upcoming Women’s Leadership Accelerator.
- Culture reporting goes mainstream, by Megan H. Chan, Washington Post
- The audience is the source and the story, Mandy Velez, Revelist
- The year of minority media, Katie Zhu, Medium
- The year of digital detoxing, Dhiya Kuriakose, Condé Nast
- Stop flying over the flyover states, Rachel Schallom, Fusion
Have an outstanding article on digital journalism issues to share with us? Tweet it with #ONAissues.
|
|
|
The Online News Association is a nonprofit membership organization for digital journalists, connecting journalism, technology & innovation. Learn why you should become a member.
|
|
|
|
|
|
|