0byt3m1n1
Path:
/
home
/
mgatv524
/
www
/
giga
/
modules
/
forecastio
/
[
Home
]
File: weather-module10-l.template.json
{ "id": "weather-module-10l", "value": "Landscape - Weather fullscreen", "main": "<div class=\"container main-container\">\n <div class=\"corner-info\">\n <div class=\"top-container\">\n <div class=\"row\">\n <div class=\"block-container\">\n <div class=\"text-right temp shadowed\">[temperatureRound]°[temperatureUnit]</div>\n </div><div class=\"block-container\">\n <div class=\"rotateInUpRight main-icon shadowed\"><i class=\"wi [wicon]\"></i></div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"block-container-full\">\n <div class=\"date shadowed\"> [time|M] [time|d]</div>\n </div>\n </div>\n\n <div class=\"row 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>\n</div>\n</div><div class=\"weather-col col-12 powered\">[Attribution]<\/div>", "daily" : "", "css": "body {\n width: 1920px !important;\n height: 1080px !important;\n }\n\n#content {\n color: #fff;\n}\n\n#content, .main-container {\n width: 100%;\n height: 100%;\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.corner-info {\n width: 200px;\n background-color: #000;\n background-color: #0008;\n opacity: 0.6;\n border-radius: 0 0 30px 0;\n padding: 8px;\n}\n\n.block-container {\n display: inline-block;\n width: 50%;\n height: 50px;\n vertical-align: top;\n}\n\n.date {\n font-weight: 900;\n font-size: 20px;\n text-transform: uppercase;\n}\n\n.temp {\n font-size: 30px;\n font-weight: 900;\n}\n\n.main-icon {\n padding: 8px;\n}\n\n.main-icon i {\n font-size: 50px;\n padding: 5px;\n}\n\n.powered {\n position: absolute;\n bottom: 0;\n width: 100%;\n padding: 4px 0;\n color: #000;\n font-size: 13px;\n text-align: center;\n background-color: white;\n background-color: rgba(255, 255, 255, 0.787);\n}", "widgetOriginalWidth": "1920", "widgetOriginalHeight": "1080", "image": "modules/forecastio/template-thumbs/weather10l.png", "type": "current", "orientation": "landscape", "background": "fit", "options": { "text-color": true, "icons-color": true } }