芝麻web文件管理V1.00

编辑当前文件:/home/mgatv524/tvc.mgaplay.com.br/web/media/widget/14/14_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" />
    
    <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/29?preview=1" rel="stylesheet" media="screen">
            <link href="/library/download/28?preview=1" rel="stylesheet" media="screen">
            <link href="/library/download/27?preview=1" rel="stylesheet" media="screen">
            <style type="text/css"> body { background-color: transparent }</style>
            <style type="text/css">
            body {
 width: 970px !important;
 height: 493px !important;
 }

.text-center {
 text-align: center;
}
 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;
}

body {
    font-family: "Helvetica", "Arial", sans-serif;
    line-height: 1;
    color: #fff;
}

.container {
    width: 960px !important;
    height: 493px !important;
}

.contenedor {
    height: 300px;
    background-color: rgba(0, 0, 0, 0.56);
    padding: 70px 20px 0 20px;
}

.upcoming {
    height: 193px;
    background-color: rgba(0, 0, 0, 0.56);
    border-top: 2px solid #fff;
}

.city {
    font-size: 50px;
    font-weight: bold;
}

.country {
    font-size: 25px;
}

.temp {
    font-size: 120px;
    font-weight: bold;
}

.temp sup {
 font-size: 50px;
 }

.feels {
    font-size: 30px;
}
.powered {
    font-size: 40px;
}

.main-icon {
    font-size: 200px;
}

.day-title {
    font-style: italic;
    font-size: 30px;
    font-weight: lighter;
}

.icon-weather {
    padding: 25px 0px;
    font-size: 35px;
}

.temp-small {
    font-size: 18px;
}

.top-small {
    padding-top: 30px;
}

.border {
    border-right: 2px solid #fff;
}

.rightnow {
    height: 123.25px;
    padding-top: 20px;
    background-color: rgba(0, 0, 0, 0.56);
}

.now {
    font-size: 25px;
}

.current-wea {
    font-size: 22px;
    padding: 10px 0px;
}

.extra-info {
    font-size: 18px;
}

.small-border {
    border-bottom: 2px solid #fff;
}

.text-right {
    text-align: right;
}

.pull-right {
    float: right!important;
}

.col-2 {
    width: 16.66666667%;
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.33333333%;
}

.col-5 {
    width: 41.66666667%;
}

.col-6 {
    width: 50%;
}

.col-9 {
    width: 75%;
}

.col-12 {
    width: 100%;
}

.weather-col {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.bg-cloudy {
                    background-image: url("/library/download/35?preview=1");
                }

.bg-partly-cloudy-day {
                    background-image: url("/library/download/36?preview=1");
                }

.bg-clear-day {
                    background-image: url("/library/download/37?preview=1");
                }

.bg-fog {
                    background-image: url("/library/download/38?preview=1");
                }

.bg-sleet {
                    background-image: url("/library/download/39?preview=1");
                }

.bg-clear-night {
                    background-image: url("/library/download/40?preview=1");
                }

.bg-partly-cloudy-night {
                    background-image: url("/library/download/41?preview=1");
                }

.bg-rain {
                    background-image: url("/library/download/42?preview=1");
                }

.bg-snow {
                    background-image: url("/library/download/43?preview=1");
                }

.bg-wind {
                    background-image: url("/library/download/44?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>




<body>
<div id="content"><div class="bg-clear-day"></div><div class="container">
    <div class="row">
        <div class="weather-col col-9 main-col main-section">
            <div class="contenedor">
                <div class="weather-col col-6 pull-left">
                    <div class="feels">São Paulo - SP</div>
                    <div class="temp">17<sup>°C</sup></div>
                    
<div style="font-size: 68px;">
    <span id="powered"></span>
<script>
function updateClock() {
  var now = new Date();
  var hours = now.getHours();
  var minutes = now.getMinutes();
  
  
  var timeString = hours + ":" + minutes  ;
  
  document.getElementById("powered").innerHTML = timeString;
}

// Atualiza o relógio a cada segundo
setInterval(updateClock, 1000);
</script></div>

</div>
                <div class="weather-col col-6 main-icon"><i class="wi wi-day-sunny"></i></div>
            </div>

</div>
        <div class="weather-col col-3">
            <div class="weather-col col-12 rightnow small-border ">
                <div class="now">
                   Agora
                </div>
                <div class="current-wea">
                    <strong>Vento</strong>
                </div>
                <div class="extra-info">E 2.57 MPS</div>
            </div>
            <div class="weather-col col-12 rightnow small-border ">
                <div class="current-wea">
                    <strong>Umidade</strong>
                </div>
                <div class="extra-info">75%</div>
            </div>
            <div class="weather-col col-12 rightnow small-border ">
                <div class="current-wea">
                    <strong>Pressão</strong>
                </div>
                <div class="extra-info">10.25 mb</div>
            </div>
            <div class="weather-col col-12 rightnow">
                <div class="current-wea">
                    <strong>Visibilidade</strong>
                </div>
                <div class="extra-info">8 km</div>
            </div>
        </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 = 14;</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":970,"widgetDesignHeight":493,"alignmentH":"center","alignmentV":"middle"}

$(document).ready(function() {
                $(".container").xiboLayoutScaler(options);
                $("#content").find("img").xiboImageRender(options);
            });
        </script>
</html>