Zoya
(custom)
<style>
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");
.container {
background-color:%.alive|"rgba(255, 0, 0, 0.3);rgba(0, 0, 0, 0.3)"%;
border-radius: 15px;
border:1px solid #444;
padding: 10px;
}
.container imgg {
width: 60px;
height: 60px;
float: left;
padding-right: 5px;
}
.batt {
padding-top: 5px;
padding-right: 5px;
float: right;
}
.name {
font-size: 100%;
font-family: fantasy;
}
.loc {
font-size: 70%;
padding-top: 5px;
padding-bottom: 5px;
}
.time {
font-size: 60%;
color:grey;
}
</style>
<div class="container">
<img src="%Zoyaredmi.user_icon%">
<div class="batt">
<font size="2" style="padding-bottom: 2px;">%Zoya.BattLevel% %</font> <span class="%Zoya.BattPic%" style="color: %Zoya.BattColor%" aria-hidden="true"></span>
</div>
<div class="info">
<div class="name">Зоя</div>
<div class="loc"><span class="loc_icon fa fa-map-marker" aria-hidden="true"></span> %Zoya.seenAt% (%Zoya.HomeDistanceKm%км)</div>
<div class="time"><span class="ref_icon fa fa-refresh" aria-hidden="true"></span> %Zoya.updatedText% </div>
<div class="time"><span class="ref_icon fa fa-refresh" aria-hidden="true"></span> %Zoyaredmi.updatedText% <font size="2" style="padding-bottom: 2px;">Redmi %Zoyaredmi.BattLevel% %</font> <span class="%Zoyaredmi.BattPic%" style="color: %Zoyaredmi.BattColor%" aria-hidden="true"></span>
</div>
<div style="clear:both;"></div>
</div>