0byt3m1n1
Path:
/
home
/
mgatv524
/
mctv.mgaplay.com.br
/
web
/
media
/
widget
/
1425
/
[
Home
]
File: 1425_0_1920_1080
<!doctype html> <html lang="en"> <head> <title>Xibo Open Source Digital Signage</title> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=1920" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <!-- Copyright 2006-2021 Xibo Signage Ltd. Part of the Xibo Open Source Digital Signage Solution. Released under the AGPLv3 or later. --> <style type="text/css"> body { margin: 0; overflow: hidden; font-family: sans-serif, Arial, Verdana, "Trebuchet MS"; } h1, h2, h3, h4, p { margin-top: 0; } #iframe { border: 0; } .cycle-slide p, p.cycle-slide { margin-bottom:0; } </style> <link href="/library/download/2433?preview=1" rel="stylesheet" media="screen"> <link href="/library/download/2432?preview=1" rel="stylesheet" media="screen"> <link href="/library/download/2431?preview=1" rel="stylesheet" media="screen"> <style type="text/css"> body { background-color: transparent }</style> <style type="text/css"> .container { width: 1920px !important; height: 1080px !important; } h1 { margin: 0.67em 0; font-size: 2em; } .container-fluid:after, .container-fluid:before, .row:after, .row:before { display: table; content: " "; } .container-fluid:after, .row:after { clear: both; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .text-center { text-align: center; } #content { color: white; height: inherit; } .shadowed { text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4); filter: dropshadow(color=rgba(0, 0, 0, 0.4), offx=2, offy=2); } .bg-div { background-repeat: no-repeat; background-size: cover; background-position: left; } .main-container { height: 100%; } .bg-footer { position: absolute; right: 0; bottom: 0; width: 100%; left: 0; text-align: center; background-color: #000; opacity: 0.8; } .date { font-size: 100px; font-weight: 900; margin-left: 40px; text-transform: uppercase; } .temp { font-size: 260px; font-weight: 900; } .city { font-size: 40px; margin-left: 40px; } .day-details { font-size: 40px; font-weight: 200; font-style: italic; } .temp-details { font-size: 35px; padding-bottom: 10px; } .forecast-current { font-weight: 900; font-size: 60px; } .forecast-second { margin-top: 10px; font-weight: 200; font-size: 40px; } .main-icon { font-size: 180px; } .second-icon { font-size: 60px; padding: 25px 0px; } .powered { padding: 15px 0; color: #000; font-size: 24px; background-color: white; background-color: rgba(255, 255, 255, 0.787); } .text-right { text-align: right; } .pull-right { float: right !important; } .col-2 { width: 16.66666667%; } .col-4 { width: 33.33333333%; } .col-5 { width: 41.66666667%; } .col-6 { width: 50%; } .col-12 { width: 100%; } .weather-col { float: left; position: relative; min-height: 1px; padding: 20px 15px; } .bg-cloudy { background-image: url("/library/download/2439?preview=1"); } .bg-partly-cloudy-day { background-image: url("/library/download/2440?preview=1"); } .bg-clear-day { background-image: url("/library/download/2441?preview=1"); } .bg-fog { background-image: url("/library/download/2442?preview=1"); } .bg-sleet { background-image: url("/library/download/2443?preview=1"); } .bg-clear-night { background-image: url("/library/download/2444?preview=1"); } .bg-partly-cloudy-night { background-image: url("/library/download/2445?preview=1"); } .bg-rain { background-image: url("/library/download/2446?preview=1"); } .bg-snow { background-image: url("/library/download/2447?preview=1"); } .bg-wind { background-image: url("/library/download/2448?preview=1"); } .bg-cloudy, .bg-partly-cloudy-day, .bg-clear-day, .bg-fog, .bg-sleet, .bg-clear-night, .bg-partly-cloudy-night, .bg-rain, .bg-snow, .bg-wind { background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; position: absolute; } </style> <link href="/library/fontcss" rel="stylesheet" media="screen"><style type="text/css"></style> </head> <!--[if lt IE 7 ]><body class="ie6"><![endif]--> <!--[if IE 7 ]><body class="ie7"><![endif]--> <!--[if IE 8 ]><body class="ie8"><![endif]--> <!--[if IE 9 ]><body class="ie9"><![endif]--> <!--[if (gt IE 9)|!(IE)]><!--><body><!--<![endif]--> <div id="content"><div class="bg-cloudy"></div><div class="main-container container"> <div class="row"> <div class="weather-col col-6"> <h1 class="date shadowed"> ago <br>31</h1> </div> <div class="weather-col col-5"> <div class="row text-right temp shadowed">20°C</div> <div class="row pull-right animated rotateInUpRight main-icon shadowed"><i class="wi wi-cloudy"></i></div> </div> </div> <div class="bg-footer bottom-bar"> <div class="weather-col col-4 text-center"> <div class="row forecast-current">Nuvens dispersas</div> <div class="row forecast-second">Vento: E 27.79 KPH</div> <div class="row forecast-second">Umidade: 68%</div> </div> <div class="upcoming"> <div class="day weather-col col-2"> <div class="row text-center day-details">dom</div> <div class="row animated Bounce second-icon"><i class="wi wi-rain"></i></div> <div class="row text-center temp-details">25 ° C </div> </div><div class="day weather-col col-2"> <div class="row text-center day-details">seg</div> <div class="row animated Bounce second-icon"><i class="wi wi-rain"></i></div> <div class="row text-center temp-details">24 ° C </div> </div><div class="day weather-col col-2"> <div class="row text-center day-details">ter</div> <div class="row animated Bounce second-icon"><i class="wi wi-rain"></i></div> <div class="row text-center temp-details">25 ° C </div> </div><div class="day weather-col col-2"> <div class="row text-center day-details">qua</div> <div class="row animated Bounce second-icon"><i class="wi wi-day-cloudy"></i></div> <div class="row text-center temp-details">22 ° C </div> </div> </div> <div class="weather-col col-12 powered"></div> </div> </div></div> </body> <script type="text/javascript" src="/library/download/3?preview=1"></script><script type="text/javascript" src="/library/download/4?preview=1"></script><script type="text/javascript" src="/library/download/14?preview=1"></script><script type="text/javascript">var xiboICTargetId = 1425;</script><script type="text/javascript" src="/library/download/5?preview=1"></script><script type="text/javascript">xiboIC.lockAllInteractions();</script><script> var options = {"originalWidth":1920,"originalHeight":1080,"widgetDesignWidth":1920,"widgetDesignHeight":1080,"alignmentH":"center","alignmentV":"middle"} $(document).ready(function() { $(".container").xiboLayoutScaler(options); $("#content").find("img").xiboImageRender(options); }); </script> </html>