Ubuntu

­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­ /*-------------------------------------- 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; }