Skip to content
Author
PUBLISHED: | UPDATED:
Getting your Trinity Audio player ready...

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.:

XXXXXX

*/
.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 */
}

Almost 22 months after he was introduced there are some wondering whether the coach can be more like Da Coach. Can Bears coach Marc Trestman become like Mike? Watch and see …

 Trestman to Ditka gif

Source: Tribune photo illustration using file photos

@ChiTribGraphics