<div class="mb-widget">
<div class="panel panel-time mb-block-center">
<div class="date panel-header">%ThisComputer.Day%, %ThisComputer.Date%</div>
<div class="time panel-main">%ThisComputer.timeH%<span class="blnk">:</span>%ThisComputer.timeM%</div>
<div class="panel-secondary">✹ %ThisComputer.SunRiseTime% , ✶%ThisComputer.SunSetTime%</div>
<!--<div class="panel-secondary">USD %cur.USD_nbrb% EURO %cur.EURO_nbrb% RUR %cur.RUR_nbrb%</div>-->
</div>
<div> </div>
<div class="panel panel-weather mb-block-center">
<div class="location panel-header">%ow_city.name%</div>
<img class="icon" src="/cached/openweather/image/%ow_fact.image%.png" alt="%ow_fact.weather_type%"/>
<div class="temp-weather panel-main">%ow_fact.temperature%<span class="degree">°C</span></div>
<div class="text-weather panel-secondary">%ow_fact.weather_type%</div>
<div class="updated-weather panel-secondary">на %ow_city.updatedTime%</div>
</div>
<div> </div>
<div class="panel panel-weather mb-block-center">
<div class="location panel-header">Прогноз</div>
<img class="icon" src="/cached/openweather/image/%ow_day1.image%.png" alt="%ow_day0.weather_type%"/>
<div class="temp-weather panel-main">%ow_day1.temperature%<span class="degree">°C</span></div>
<div class="text-weather panel-secondary">%ow_day1.weather_type%</div>
<div class="updated-weather panel-secondary">на %ow_day1.date%</div>
</div>
<div> </div>
<div class="panel panel-currency mb-block-center">
%cur.Informer%
</div>
</div>
<style>
/* -----------------------------------------------------------------------*/
/* панели общее */
/* -----------------------------------------------------------------------*/
.mb-widget .mb-block-center{
margin: 0 auto;
animation: fortime 1s ease-out;
padding:0 0 10px 0;
}
.mb-widget .panel{
box-sizing: border-box;
color: White;
background-color: rgba(0, 0, 0, 0.4);
text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
width: 100%;
border-radius: 0.5em 0.5em 0.5em 0.5em;
animation: fortime 1s ease-out;
}
.mb-widget .panel-footer, .mb-widget .panel-header, .mb-widget .module-kurs_nbrb h3{
background-color: rgb(4, 174, 218);
font-size: 1em;
line-height: 1.2;
text-align: center;
font-family: arial;
font-weight: 100;
}
.mb-widget .panel-footer {
border-radius: 0px 0px 0.5em 0.5em;
}
.mb-widget .panel-header, .mb-widget .module-kurs_nbrb h3{
border-radius: 0.5em 0.5em 0px 0px;
}
.mb-widget .panel-main{
font-size: 3em;
line-height: 1.1;
text-align: center;
font-family: arial;
font-weight: 600;
}
.mb-widget .panel-secondary {
text-align: center;
}
/* -----------------------------------------------------------------------*/
/* панель времени */
/* -----------------------------------------------------------------------*/
.mb-widget .panel-time .time .blnk {
animation: blink 1s ease infinite;
}
/* -----------------------------------------------------------------------*/
/* панель погоды */
/* -----------------------------------------------------------------------*/
.mb-widget .panel-weather {
text-align: center;
}
.mb-widget .panel-weather img{
padding: 10px 0 0 0;
}
.mb-widget .panel-weather .temp-weather {
display: inline-block;
padding: 10px 0 0 0;
vertical-align: top;
}
.mb-widget .panel-weather .temp-weather .degree {
font-size: 0.5em;
vertical-align: top;
}
.mb-widget .updated-weather{
font-size: 0.5em;
}
/* -----------------------------------------------------------------------*/
/* панель валют */
/* -----------------------------------------------------------------------*/
.mb-widget .module-kurs_nbrb h3{
text-align:center;
font-weight: 100 !important;
margin: 0 0 10px 0!important;
}
.mb-widget .module-kurs_nbrb tr:nth-last-child(-n+3) {
display:none;
}
</style>