<?xml version="1.0" encoding="UTF-8"?>
<Template>
    <Style>
        <![CDATA[
        #outer {
            width: 100%;
            height: 100%;
            padding: 10px;
            box-sizing: border-box;
        }
        #info {
            padding-bottom: 10px;
        }
        #days {
            overflow: hidden;	/* Expand to contain floated image. */
            text-align: center;
        }
        #days > div {
            float: left;
            width: 33%;
        }
        .icon {
            max-width: 100%;
            max-height: 100%;
        }
        ]]>
    </Style>
    <Layout>
        <![CDATA[
        <div id="outer">
            <div id="info">
                <span id="city" class="address_font-style"></span><br />
                <div id="humidityAndWind">
                    <span id="humidity" class="other_font-style"></span>
                    <span>&#149;</span>
                    <span id="wind" class="other_font-style"></span>
                </div>
            </div>
            <div id="days">
                <div id="day1">
                    <div class="forecastDay_font-style day"></div>
                    <img src="" class="icon" />
                    <div class="forecastTemp_font-style temp"></div>
                </div>
                <div id="day2">
                    <div class="forecastDay_font-style day"></div>
                    <img src="" class="icon" />
                    <div class="forecastTemp_font-style temp"></div>
                </div>
                <div id="day3">
                    <div class="forecastDay_font-style day"></div>
                    <img src="" class="icon" />
                    <div class="forecastTemp_font-style temp"></div>
                </div>
            </div>
        </div>
        ]]>
    </Layout>
</Template>
