<!– STARTER CSS
WRAP it all in a
background page color is #FBFCFC
–>
div#content.article .graphic-wrapper h2,
.graphic-wrapper img {max-width:100%;
padding-bottom:20px;
}
.graphic-wrapper img.wrap {max-width:100%;
padding-bottom:20px; float:left; margin-right:20px;
}
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
on your charts*/
.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;}
/* A will draw a colored box for use in a color key. You will need to write a second class to set the color so it matches the chart/map/etc. */
.box{display: inline-block;background-color: #000;height: 10px;width: 10px;margin: 0 5px 0 0px;}
.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
for normal-weight italic type */
.graphic-wrapper h4 em{font-weight:normal;}
/* TABLE STYLES — just be sure
is in “.graphic-wrapper” */
.graphic-wrapper table {width:100%;margin:15px 0;border-collapse:collapse;}
.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 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 */
}
To help eliminate brown-outs and power interruptions, Glidepath is developing three 20-megawatt battery power facilities in the Chicago area. They would be located in McHenry, Joliet and West Chicago. The facilities would enable grid operators, who have to manage where power comes from and when, to more easily integrate renewable energy. The batteries would store energy generated by power plants after it is produced and discharge it quickly when it is needed.
The facility: Made up of nine containers that house the battery power components. Each facility will sit on about 4 acres and output 20-megawatts of power. It will work with traditional power plants by switching from charge to discharge mode as needed to provide customers with a stable power supply.
1. Containers: Similar in size to a storage or shipping container. They house all of the racks and batteries that store the power. They are equipped with a climate control system and monitors to track performance.
2. Energy storage racks: Each container holds 20 to 30 energy storage racks stacked much like a computer server. Each container holds 80,000 lithium-based batteries.
3. Batteries: About 1.5 times the length of a D cell battery. The batteries are connected to store energy and discharge power.
Sources:
Glidepath
@ChiTribGraphics
