lovespace update log 1

<div id="log">
<div class="title" align="center">update log
</div>
<div class="info" align="left">
<mark>xx.xx.xx</mark> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<br>
<mark>xx.xx.xx</mark> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<br>
<mark>xx.xx.xx</mark> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</div>


<style>
#log, #log:hover {
position: fixed;
top: 20px;
left: 20px;
z-index: 3;
overflow: hidden;
padding: 5px 10px 5px 5px;
background: white;
border-radius: 15px;
box-shadow: 0 0 4px 7px #ffffff;
width: 20px;
height: 18px;
}
#log:hover {
width: 150px;
height: 170px;
padding: 5px 5px 5px 5px;
border-radius: 5px;
box-shadow: 0 0 7px 10px #ffffff;
}

.title, #log:hover .title {
opacity: 0;
font: 0 bubblegum;
height: 28px;
background: linear-gradient(#e0afb6, white);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 0.5px #bd8088;
}
#log:hover .title {
opacity: 1;
font: 19px bubblegum;
}

.info, #log:hover .info {
opacity: 0;
height: 0;
overflow: auto;
padding-top: 2px;
font: 0 system-ui;
color: #303030;
line-height: 14px;
text-align: left;
}
#log:hover .info {
opacity: 0.99;
height: 135px;
font: 0.67rem system-ui;
line-height: 14px;
}

#log mark, #log:hover mark {
opacity: 0;
font-size: 0;
background: linear-gradient(#e0afb6, #fff);
border: 0.7px solid #e0afb6;
border-radius: 15px;
padding: 1px 4px 0.5px 4px;
color: #303030;
}
#log:hover mark {
opacity: 1;
font-size: 0.67rem;
}

#log, #log:hover, .info, #log:hover .info, .title, #log:hover .title, #log mark, #log:hover mark {
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

#log br {
display: block;
content: "";
margin-top: 10px;
}

@font-face {
font-family: bubblegum;
src: url(https://dl.dropbox.com/s/lisoxfxadojjlqo/bubblegum.ttf);
}
</style>