Dygraphs is a great package, but the legend looks rather boring. This styling offers a much more neat legend and title styling
/* dygraph styling */
.dygraph-title {
text-align: left;
font-weight: normal;
font-size: 70%;
}
.dygraph-legend {
color: white;
background-color: #BABABA !important;
padding-left:5px;
border-color:#BABABA;
border-style:solid;
border-width:thin;
transition:0s 4s;
z-index: 20 !important;
box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
border-radius: 3px;
}
.shiny-tab-input li.active{
box-shadow: 5px 0 5px -5px rgba(0, 0, 0, .3);
}
#login_panel {
box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
}
.dygraph-legend:hover{
transform: translate(-110%);
transition: 0s;
}
.dygraph-legend > span {
color: black;
padding-left:5px;
margin-left:-5px;
background-color: white !important;
display: block;
}
.dygraph-legend > span > span{
display: inline;
}
.highlight {
border-left: 2px solid #BABABA;
padding-left:3px !important;
}