0byt3m1n1
Path:
/
home
/
mgatv524
/
medcenter.mgaplay.com.br
/
web
/
media
/
widget
/
36
/
[
Home
]
File: 36_2_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=[[ViewPortWidth]]" /> <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="weather-icons.min.css" rel="stylesheet" media="screen"> <link href="font-awesome.min.css" rel="stylesheet" media="screen"> <link href="animate.css" rel="stylesheet" media="screen"> <style type="text/css"> body { background-color: transparent }</style> <style type="text/css"> body { width: 960px !important; height: 540px !important; } .center-block { display: block; margin-right: auto; margin-left: auto; } .text-center { text-align: center; } h1 { margin: 0.67em 0; font-size: 2em; } .container:after, .container:before, .row:after, .row:before { display: table; content: " "; } .container: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; } body { font-family: "Helvetica", "Arial", sans-serif; line-height: 1; } #content { color: #fff; } .container { background-repeat: no-repeat; background-size: cover; background-position: center; width: 960px !important; height: 540px !important; } .powered { font-weight: bold; font-style: italic; } .main-panel { margin-top: 74px; height: 137px; } .big-icon { font-size: 120px; } .date { font-size: 18px; font-family: "Helvetica", sans-serif; font-weight: light; padding-bottom: 1px; } .month { font-size: 15px; font-family: "Helvetica", sans-serif; font-weight: light; } .current-temp { font-family: "Helvetica", sans-serif; font-weight: bold; font-size: 100px; } .main-cont { margin-top: 72px; height: 870px; height: 365px; padding: 0px 50px; position: relative; } .main-icon { font-size: 70px; } .small-day { padding-top: 50px; font-size: 28px; font-style: italic; font-weight: lighter; } .small-icon { font-size: 70px; padding: 70px 0px; } .small-temp { font-size: 20px; font-weight: lighter; font-style: italic; } .even { background-color: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.6); } .odd { background-color: rgba(0, 0, 0, 0.8); background: rgba(0, 0, 0, 0.8); } .details-box { height: 290px; padding-left: 30px; } .upcoming-days { height: 365px; text-align: center; } .selector-day { font-size: 15px; font-weight: light; margin-top: 25px; } .selector-temp { font-size: 25px; font-weight: bold; font-style: italic; } .arrow-down { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid rgba(0, 0, 0, 0.8); margin-left: 120px; } .row-details { padding: 15px 35px; background-color: rgba(0, 0, 0, 0.7); background: rgba(0, 0, 0, 0.7); } .container-fluid, .container { margin-right: auto; margin-left: auto; } .text-right { text-align: right; } .pull-right { float: right !important; } .offset-xs-1 { margin-left: 8.33333333%; } .col-2 { width: 16.66666667%; } .col-3 { width: 25%; } .col-4 { width: 33.33333333%; } .col-5 { width: 41.66666667%; } .col-6 { width: 50%; } .col-7 { width: 58.33333333%; } .col-9 { width: 75%; } .col-12 { width: 100%; } .weather-col { float: left; position: relative; min-height: 1px; } .bg-cloudy { background-image: url("wi-cloudy.jpg"); } .bg-partly-cloudy-day { background-image: url("wi-day-cloudy.jpg"); } .bg-clear-day { background-image: url("wi-day-sunny.jpg"); } .bg-fog { background-image: url("wi-fog.jpg"); } .bg-sleet { background-image: url("wi-hail.jpg"); } .bg-clear-night { background-image: url("wi-night-clear.jpg"); } .bg-partly-cloudy-night { background-image: url("wi-night-partly-cloudy.jpg"); } .bg-rain { background-image: url("wi-rain.jpg"); } .bg-snow { background-image: url("wi-snow.jpg"); } .bg-wind { background-image: url("wi-windy.jpg"); } .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="fonts.css" 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-clear-day"></div><div class="container"> <div class="row main-cont "> <div class="weather-col col-3 odd upcoming-days"> <div class="small-day">AGORA</div> <div class="small-icon"><i class="wi wi-day-sunny"></i></div> <div class="small-temp">27°C</div> </div> <div class="weather-col col-3 even upcoming-days"> <div class="small-day">sáb</div> <div class="small-icon"><i class="wi wi-day-sunny"></i></div> <div class="small-temp">31 ° C</div> </div><div class="weather-col col-3 even upcoming-days"> <div class="small-day">dom</div> <div class="small-icon"><i class="wi wi-day-sunny"></i></div> <div class="small-temp">31 ° C</div> </div><div class="weather-col col-3 even upcoming-days"> <div class="small-day">seg</div> <div class="small-icon"><i class="wi wi-cloudy"></i></div> <div class="small-temp">29 ° C</div> </div> </div> <div class="arrow-down"></div> <div class="row bg-footer row-details"> <div class="weather-col col-12" style="margin-bottom: 10px; ">Céu limpo</div> <br/> <div class="weather-col col-3"> <strong>Vento</strong> -- 2.3 MPH </div> <div class="weather-col col-3"> <strong>Umidade</strong> 50% </div> <div class="weather-col col-6 text-right"> <div class="powered">Powered by OpenWeather</div> </div> </div> </div></div> </body> <script type="text/javascript" src="jquery.min.js"></script><script type="text/javascript" src="xibo-layout-scaler.js"></script><script type="text/javascript" src="xibo-image-render.js"></script><script type="text/javascript">var xiboICTargetId = 36;</script><script type="text/javascript" src="xibo-interactive-control.min.js"></script><script type="text/javascript">xiboIC.lockAllInteractions();</script><script> var options = {"originalWidth":1920,"originalHeight":1080,"widgetDesignWidth":"960","widgetDesignHeight":"540","alignmentH":"center","alignmentV":"middle"} $(document).ready(function() { $(".container").xiboLayoutScaler(options); $("#content").find("img").xiboImageRender(options); }); </script> </html>