{
    "id": "weather-current-2",
    "value": "Template 3 - Current weather",
    "main": "<div class=\"container\">\n    <div class=\"top-content\">\n        <div class=\"block-container\">\n            <div class=\"date shadowed\"> [time|M] <br>[time|d]</div>\n        </div>\n        <div class=\"block-container\">\n            <div class=\"text-right temp shadowed\">[temperatureRound]º[temperatureUnit]</div>\n        </div>\n    </div>\n    <div class=\"middle-content\">\n        <div class=\"icon-container\">\n            <div class=\"main-icon shadowed\"><i class=\"wi [wicon]\"></i></div>\n        </div>\n    </div>\n\n    <div class=\"bottom-content bg-footer\">\n        <div class=\"forecast-current\">[summary]</div>\n        <div class=\"forecast-second\">||Wind||: [windDirection] [windSpeed] [windSpeedUnit]</div>\n        <div class=\"forecast-second\">||Humidity||: [humidityPercent]%</div>\n    </div>\n</div>",
    "css": "#content {\n    color: #fff;\n}\n\n.top-content {\n    height: 75px;\n}\n\n.bottom-content, .middle-content {\ntext-align: center;\n}\n\n.shadowed {\ntext-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);\n    filter: dropshadow(color=rgba(0, 0, 0, 0.4), offx=2, offy=2);\n}\n\n.date {\n    font-family: 'Roboto', sans-serif;\n    font-weight: 900;\n    font-size: 20px;\n    text-transform: uppercase;\n    float: left;\n    padding: 4px;\n}\n\n.temp {\n    font-family: 'Roboto', sans-serif;\n    font-size: 50px;\n    font-weight: 900;\n    line-height: 50px;\n    float: right;\n    text-align: right;\n    padding: 4px;\n}\n\n.main-icon-container {\n    text-align: center;\n}\n\n.main-icon {\n    font-size: 0;\n}\n\n.main-icon i {\n    font-size: 80px;\n}\n\n.bg-footer {\n    position: relative;\n    margin-top: 10px;\n    background-color: #000;\n    opacity: 0.75;\n    padding: 5px 0;\n    font-size: 14px;\n}",
    "widgetOriginalWidth": "250",
    "widgetOriginalHeight": "250",
    "image": "modules/weather/template-thumbs/weather-current-2.png",
    "type": "current"
}