http://code.jquery.com/jquery-2.1.1.min.js
http://cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js
http://photodesk.chicagotribune.com.s3.amazonaws.com/Graphics/ct-edit-house-swings/dataTables.responsive.nightly.js
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}
/* 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:25%;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}
/* USE AN inside the
More Top Picks Best Sensory Swings For Autism
for normal-weight italic type */
.graphic-wrapper h4 em{font-weight:normal;}
/* TABLE STYLES — just be sure
| Midterm year | election year | President | president party | House majority | Seat shift | id | |
|---|---|---|---|---|---|---|---|
| 1934 | 1936 | Roosevelt | dem | DEM | 8 | 05 | |
| 1998 | 2000 | Clinton | dem | REP | 3 | 03 | |
| 1962 | 1964 | Kennedy | dem | DEM | 4 | 04 | |
| 1978 | 1980 | Carter | dem | DEM | 13 | 06 | |
| 1950 | 1952 | Truman | dem | DEM | 28 | 07 | |
| 1942 | 1944 | Roosevelt | dem | DEM | 45 | 08 | |
| 1966 | 1968 | Johnson | dem | DEM | 47 | 09 | |
| 1994 | 1996 | Clinton | dem | REP | 52 | 10 | |
| 1946 | 1948 | Truman | dem | REP | 56 | 11 | |
| 2010 | 2012 | Obama | dem | REP | 65 | 12 | |
| 1938 | 1940 | Roosevelt | dem | DEM | 72 | 13 | |
| 2014 | 2012 | Obama | dem | REP | 14 |
Republican presidents
| Midterm year | election year | President | president party | House majority | Seat shift | id | |
|---|---|---|---|---|---|---|---|
| 2002 | 2004 | W. Bush | rep | REP | 9 | 18 | |
| 1986 | 1988 | Reagan | rep | DEM | 4 | 16 | |
| 1990 | 1992 | H.W. Bush | rep | DEM | 5 | 17 | |
| 1926 | 1928 | Coolidge | rep | REP | 9 | 19 | |
| 1970 | 1972 | Nixon | rep | DEM | 13 | 20 | |
| 1954 | 1956 | Eisenhower | rep | DEM | 19 | 21 | |
| 1982 | 1984 | Reagan | rep | DEM | 27 | 22 | |
| 2006 | 2008 | W. Bush | rep | DEM | 31 | 23 | |
| 1974 | 1976 | Ford | rep | DEM | 49 | 24 | |
| 1958 | 1960 | Eisenhower | rep | DEM | 51 | 25 | |
| 1930 | 1932 | Hoover | rep | REP | 52 | 26 | |
| 1922 | 1924 | Harding | rep | REP | 77 | 27 |
Note: For two of the last 23 midterms a vice president has assumed the presidency between the presidential election and the midterm election: Truman became president after Roosevelt’s fourth election and death, and Ford became president after Nixon’s second election and resignation.
Republicans are widely expected to retain control of the House of Representatives, and history would dictate that they will add to their majority.
Predictions for the U.S. house this election
Democrats
Strong
Likely
Leaning
Republicans
Strong
Likely
Leaning
Tossups
Sources: House of Representatives, Cook Political Report
More Top Picks Best Amazon Prime Day Bluetooth Speaker Deals 2026
@ChiTribGraphics
var tableID = “dem-table”;
$(‘#’ + tableID).dataTable({
“paging”: false,
“searching”: false,
“ordering”: true,
“order”:[[0, “asc”]],
“responsive”: true,
“columnDefs”: [ {
“targets”: -1,
“orderable”: false
} ]
}).addClass(‘display’);
tableID = “rep-table”;
$(‘#’ + tableID).dataTable({
“paging”: false,
“searching”: false,
“ordering”: true,
“order”:[[0, “asc”]],
“responsive”: true,
“columnDefs”: [ {
“targets”: -1,
“orderable”: false
} ]
}).addClass(‘display’);