/home/arranoyd/magicraft/wp-content/themes/massive-dynamic/lib/widgets/widget-progress/style.css
/*--------------------------------------
Progress bar widget
--------------------------------------*/
.widget_md_progress {
padding-right: 35px;
}
.widget_md_progress .widget-title {
font-size: 15px;
}
.widget_md_progress .progress-list .bar-percentage {
float: left;
margin-right: 9px;
font-size: 13px;
text-align: right;
margin-top: 3px;
line-height: 2;
width: 33px;
}
.widget_md_progress .progress-list .bar-container {
height: 100%;
overflow: hidden;
vertical-align: middle;
display: list-item;
line-height: 100%;
opacity: 0;
}
.widget_md_progress .progress-list .bar {
height: 3px;
border-radius: 5px;
opacity: 0;
}
.widget_md_progress .progress-list .title {
left: 3px;
position: relative;
line-height: 23px;
text-align: left;
font-size: 13px;
font-weight: normal;
}
.widget-area.modernStyle .wrapContent {
width: 100%;
}
/* Dark style */
.dark-sidebar.dark .widget_md_progress .progress-list .bar-percentage,
.footer-widgets.dark .widget_md_progress .progress-list .bar-percentage {
color: rgba(0, 0, 0, 0.6);
}
.dark-sidebar .widget_md_progress .progress-list .bar,
.footer-widgets.dark .widget_md_progress .progress-list .bar {
background-color: rgba(0, 0, 0, 0.3);
}
.dark-sidebar .widget_md_progress .progress-list .title,
.footer-widgets.dark .widget_md_progress .progress-list .title {
color: rgba(0, 0, 0, 0.6);
}
/* hover */
.dark-sidebar .widget_md_progress .progress-list .progressbar:hover .bar-percentage,
.footer-widgets.dark .widget_md_progress .progress-list .progressbar:hover .bar-percentage{
color: rgba(0, 0, 0, 1);
}
.dark-sidebar .widget_md_progress .progress-list .progressbar:hover .bar,
.footer-widgets.dark .widget_md_progress .progress-list .progressbar:hover .bar{
background-color: rgba(0, 0, 0, 1);
}
.dark-sidebar .widget_md_progress .progress-list .progressbar:hover .title,
.footer-widgets.dark .widget_md_progress .progress-list .progressbar:hover .title{
color: rgba(0, 0, 0, 1);
}
/* Light style */
.light-sidebar .widget_md_progress .progress-list .bar-percentage,
.footer-widgets.light .widget_md_progress .progress-list .bar-percentage{
color: rgba(255, 255, 255, 0.6);
}
.light-sidebar .widget_md_progress .progress-list .bar,
.footer-widgets.light .widget_md_progress .progress-list .bar{
background-color: rgba(255, 255, 255, 0.6);
}
.light-sidebar .widget_md_progress .progress-list .title,
.footer-widgets.light .widget_md_progress .progress-list .title{
color: rgba(255, 255, 255, 0.6);
}
/* hover */
.light-sidebar .widget_md_progress .progress-list .progressbar:hover .bar-percentage,
.footer-widgets.light .widget_md_progress .progress-list .progressbar:hover .bar-percentage{
color: rgba(255, 255, 255, 1);
}
.light-sidebar .widget_md_progress .progress-list .progressbar:hover .bar,
.footer-widgets.light .widget_md_progress .progress-list .progressbar:hover .bar{
background-color: rgba(255, 255, 255, 1);
}
.light-sidebar .widget_md_progress .progress-list .progressbar:hover .title,
.footer-widgets.light .widget_md_progress .progress-list .progressbar:hover .title{
color: rgba(255, 255, 255, 1);
}
/* other options */
.widget_md_progress .progressbar{
cursor: pointer;
}
.widget_md_progress .progressbar .bar-percentage,
.widget_md_progress .progressbar .bar,
.widget_md_progress .progressbar .title{
transition: all .5s;
}