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 Irlen Syndrome And Depth Perception Problems Explained
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 Foldable Pilates Reformers
@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’);