<!– STARTER CSS
WRAP it all in a
TABLEIZER: http://tableizer.journalistopia.com/
MAKE A TABLE:
1. Copy this document into a text file.
2. Get your data into a spreadsheet or a tabbed format in Microsoft Word
3. Tableize it WITH NO CSS STYLES (checkbox): http://tableizer.journalistopia.com/
4. Paste the resulting code into the text file.
5. Paste into an HTML STORY.
That’s it.
–>
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;}
More Top Picks Best Gardening Shovel
/* 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
| Specifications | |
|---|---|
| Displacement | 7,800 tons |
| Length | 377 feet |
| Width | 34 feet |
| Propulsion | Nuclear reactor |
| Underwater speed | 25+ nautical mph |
| Range | Unlimited distance; 33 years |
| Depth | In excess of 800 feet |
| Officers and crew | 139 |
| Cost | $2.7 billion |
| Capabilities |
|---|
| No periscope: Has advanced sonar and intelligence-gathering systems. |
| Underwater: Capable of staying underwater for up to three months. |
| Mission: Equipped to destroy hostile ships and submarines, control sea lanes and defend a carrier or expeditionary strike group. |
| Special options: Supports special warfare operations and can host a minisubmarine or dry dock shelter. Contains a lockout chamber that allows special forces to exit while submerged. |
| Stealth: Designed for increased maneuverability and stealth to attack targets at sea and on land in deep and shallow water. |
| Ceremonies: The keel-laying ceremony, which for a submarine roughly marks the midpoint of construction, took place in June 2014; the christening, where the sub is officially named, is scheduled for June 2015, after which the sub goes through extensive testing at sea; and the commissioning, where the sub becomes active in the Navy, is scheduled for December 2015. |
Sources: Newport News Shipbuilding, USS Illinois Commissioning Committee
@ChiTribGraphics