div#content.article .graphic-wrapper h2,
.graphic-wrapper img {max-width:100%}
a.credit{font-style:italic}
.graphic-wrapper p{font-weight:normal;}
.graphic-wrapper h1{font-size: 40px;line-height: 1.3em;margin: 10px 0;}
.graphic-wrapper strong {color:#000}
.graphic-wrapper .text-center {text-align:center;}
.graphic-wrapper .text-right {text-align:right;}
/* Put a LEGEND on your charts with this example. The will draw a colored box for use in a color key. You will need to write a second class/style to set the color so it matches the chart/map/etc.:
*/
.graphic-wrapper .legend p{font-family:’Arial’, sans-serif; font-size:14px; color:#000;line-height:1.3em;margin:0;padding:0;}
ul.key li{display: inline;margin-right: 28px;font-family: ‘Arial’,sans-serif;color: #000;font-size: 13px;}
.box{display: inline-block;background-color: #000;height: 10px;width: 10px;margin: 0 5px 0 0px;border-radius: 50%;}
.legend div{float:left; width:45%;margin-right:5%}
.clearfix{clear:both}
/* REMOVE HEIGHT and WIDTH attributes from fusion tables and replace with class=’fusion-table’ */
.fusion-table{width:100%;height:400px;margin:15px 0;}
/* USE AN
in “.graphic-wrapper” for chart labels */
.graphic-wrapper h4{color:#000;font-family:’Arial’, sans-serif;font-weight:bold;font-size:16px;margin: 0 0 5px 0}
/* USE AN inside the
for normal-weight italic type */
.graphic-wrapper h4 em{font-weight:normal;}
/* TABLE STYLES — just be sure
is in “.graphic-wrapper” */
/* http://tableizer.journalistopia.com/ */
.graphic-wrapper table {width:100%;margin:15px 0;border-collapse:collapse;}
.tableizer-firstrow, .graphic-wrapper table thead tr {background-color:#12182d;color:#fff;}
.graphic-wrapper table tbody tr {vertical-align: top;}
.graphic-wrapper table td,.graphic-wrapper table th{font-size:14px; font-family:’Arial’, sans-serif;}
.graphic-wrapper table td {padding:7px;}
.graphic-wrapper table tbody tr:first-child td {padding-top:12px;}
.graphic-wrapper table th {padding:10px;border-right: 1px solid white;text-align: left;}
.graphic-wrapper table tr:last-child{ border-bottom: 2px solid #12182d;}
.graphic-wrapper table tr:last-child td{ padding-top: 10px; padding-bottom:10px;}
/* TABLE ZEBRA STRIPES — use
*/
.graphic-wrapper table.zebra td {padding:10px 7px;}
.graphic-wrapper table.zebra tbody tr:nth-child(even) {background: #d3deea}
.show-phone{display:none;}
/* YOUR NEW STYLES HERE */
@media all and (max-width: 700px) {
.show-phone{display:initial;}
.hide-phone{display:none;}
/* THIS IS WHERE PHONE-SPECIFIC STYLES GO */
}
Over more than a century of newspaper photography, the Tribune has archived millions of images, chronicling not only people and events, but also Chicago’s architecture and street scenes. Tribune photographer John J. Kim and photo editor Marianne Mather identified some of those historical photos as good candidates to be updated. How much had changed? How much has stayed the same? What does that tell us about the city we love? The result is a unique snapshot of Chicago history mixed with a fun game of “spot the differences.”
BIOGRAPH THEATRE
This photo was taken after notorious gunslinger John Dillinger was gunned down outside the cooled theater on a steamy July night in 1934. When I went to reshoot the theater at 2433 N. Lincoln Ave., I had to wait several minutes for anyone to pass under the marquee. Because there are several people in the original picture, I felt it necessary to at least have someone under the marquee in the “now” version. It was a typical weekday afternoon on a usually busy Lincoln Avenue, but as luck would have it, pedestrians were scarce on the northeast side of the street. Moreover, the “then” photograph shows the marquee from a slightly higher angle than street level. I knocked on a couple of doors to try for a second-floor view from across the street, to no avail. After a few frames of just one person passing at a time, a group of pedestrians finally moved through.
(Use the slider to view the two photos.)
MICHIGAN AVENUE
Looking through historical pictures for this project, I noticed this image because of where it was taken — the Tribune Tower. Though it is not clear exactly which floor was used in 1926, I took the current picture from the 22nd floor, and the two photos’ viewpoints are really close. The key to lining them up was using the historic Water Tower on the 800 block of North Michigan Avenue as the reference point. It is one of the few things in the picture that has not changed in almost 90 years. Notice, too, the lack of trees and planters back in the day. This 1926 view didn’t survive much longer: The Medinah Athletic Club, now the InterContinental Hotel Chicago Magnificent Mile, opened in 1929.
(Use the slider to view the two photos.)
Source: Tribune reporting
@ChiTribGraphics
//s3.amazonaws.com/cdn.knightlab.com/libs/juxtapose/latest/js/juxtapose.js