0byt3m1n1
Path:
/
home
/
mgatv524
/
www
/
mctv
/
modules
/
weather
/
[
Home
]
File: weather-forecast-4.template.json
{ "id": "weather-forecast-4", "value": "Template 5 - Forecast squared with background", "main": "<div class=\"container bg-div bg-[icon]\">\n <div class=\"region-top\">\n <div class=\"row-element-half\">\n <div class=\"shadowed temp\">[temperatureRound]º[temperatureUnit]</div>\n </div><div class=\"row-element-half\">\n <div class=\" main-icon shadowed\"><i class=\"wi [wicon]\"></i></div>\n </div>\n </div>\n <div class=\"region-middle\">\n <div class=\"date shadowed\"> [time|M] [time|d]</div>\n </div>\n\n\n <div class=\"region-bottom\">\n <div class=\"forecast-current\">[summary]</div>\n <div class=\"forecast-second\">||Wind||: [windSpeed] [windSpeedUnit] [windDirection]</div>\n <div class=\"forecast-second\">||Humidity||: [humidityPercent]%</div>\n </div>\n</div>", "css": "#content {\n color: #f9f9f9;\n}\n\n.shadowed {\ntext-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);\n filter: dropshadow(color=rgba(0, 0, 0, 0.6), offx=8, offy=8);\n}\n\n.row-element-half {\n display: inline-block;\n width: 50%;\n vertical-align: top;\n}\n\n.region-top {\n height: 120px;\n}\n\n.region-bottom {\n background-color: #111;\n background-color: #111a;\n border-radius: 0 12px 0 0;\n padding: 6px;\n bottom: 14px;\n font-size: 14px;\n width: 90%;\n height: 94px;\n}\n\n.region-middle {\n font-size: 24px;\n line-height: 24px;\n font-weight: bold;\n padding: 0 4px;\n}\n\n.main-icon {\n text-align: right;\n font-size: 50px;\n line-height: 78px;\n padding: 8px;\n}\n\n.temp {\n font-size: 60px;\n padding: 8px;\n}\n\n.forecast-current {\n margin-bottom: 12px;\n font-weight: bold;\n height: 40px;\n}\n\n.forecast-second {\n font-size: 12px;\n}\n\n.footer-powered-by {\n opacity: 0.9;\n color: #f9f9f9;\n background-color: #000;\n}", "widgetOriginalWidth": "250", "widgetOriginalHeight": "250", "image": "modules/weather/template-thumbs/weather-forecast-4.png", "type": "forecast" }