Курс валют (copy)
(custom)
<style>
@import url("/css/fontawesome-pro-5.2.0-web/css/all.css");
.container {
border-radius: 14px;
border:2px solid #444;
padding: 10px;
/*background-color:rgba(0, 0, 0, 0.3);*/
}
.left_topp {
float: right;
font-size: 120%;
}
.left_topp div {
border-radius: 4px;
border:1px solid #444;
padding: 1px;
display:inline-block;
}
.name {
font-size: 110%;
}
.devices {
font-size: 200%;
margin-bottom: 4px;
padding-top: 4px;
}
.devices div{
vertical-align:top;
margin-right:6px;
}
.devices i{
vertical-align:top;
margin-right:6px;
}
.devices img{
vertical-align:top;
margin-right:6px;
}
.time {
font-size: 60%;
color:grey;
}
//animations
.spiner {
animation-name: spin;
animation-duration: 2000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
z-index: 100;
}
@keyframes spin {
from {
transform:rotate(0deg);
}
to {
transform:rotate(360deg);
}
}
</style>
<div class="container" style="background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.8)), url(%.background%);">
<div class="left_topp">
<div style='display:%cbr.USD|"none;inline-block"%'><font color="lime"><i class="fas fa-dollar-sign" aria-hidden="true"></i> %cbr.USD% </font> %cbr.dollar_fa%</div>
</div>
<div class="info">
<div class="name"><font color="%cbr.color%">Доллар</font></div>
<div class="devices">
%cbr.deviceString%
</div>
<div class="loc" style='display:%cbr.RoomMsg|"none;block"%'><i class="fa fa-podcast" aria-hidden="true"></i> %cbr.RoomMsg%</div>
<div class="time" style='display:%cbr.uptime|"none;block"%'><i class="fas fa-sync-alt"></i> %cbr.uptime%</div>
</div>
<div style="clear:both;"></div>
</div>
<div class="container" style="background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.8)), url(%.background%);">
<div class="left_topp">
<div style='display:%cbr.EURO|"none;inline-block"%'><font color="yellow"><i class="fas fa-euro-sign" aria-hidden="true"></i> %cbr.EURO% </font>%cbr.euro_fa%</div>
</div>
<div class="info">
<div class="name"><font color="%cbr.color%">Евро</font></div>
<div class="devices">
%cbr.deviceString%
</div>
<div class="loc" style='display:%cbr.RoomMsg|"none;block"%'><i class="fa fa-podcast" aria-hidden="true"></i> %cbr.RoomMsg%</div>
<div class="time" style='display:%cbr.uptime|"none;block"%'><i class="fas fa-sync-alt"></i> %cbr.uptime%</div>
</div>
<div style="clear:both;"></div>
</div>