/* * Widget */ .widget { border: 1px solid #d9d9d9; border-radius: 5px; height: 100%; position: relative; } .widget .body { padding: 10px; } .widget .name { position: relative; text-transform: uppercase; text-align: center; color: #5C5C5C; padding-bottom: 15px; } .widget .bottom-bar { position: relative; background-color: #f3f3f3; border-top: 1px solid #d9d9d9; padding: 10px; } .widget .last-update-at { font-size: 11px; font-weight: 200; color: #8c8c8c; } .widget .last-update-at .time { font-weight: 500; } /* * CounterWidget */ .counter-widget .value { text-align: center; padding: 20px 20px 0px 20px; font-size: 40px; color: #666666; } /* * LineChartWidget */ .line-chart-widget .chart { width: 100% !important; } .line-chart-widget .legend { height: 20px; width: 100%; position: relative; } .line-chart-widget .legend ul { list-style: none; position: relative; width: 100%; height: 100%; } .line-chart-widget .legend li { float: left; margin-right: 20px; } .line-chart-widget .legend li > span { width: 15px; height: 15px; display: inline-block; position: relative; margin-right: 5px; }