103 lines
1.3 KiB
CSS
103 lines
1.3 KiB
CSS
|
.side-panel {
|
||
|
background-color: transparent;
|
||
|
border-radius: 8px;
|
||
|
}
|
||
|
|
||
|
.time-container {
|
||
|
font-weight: 900;
|
||
|
}
|
||
|
|
||
|
.task-container {
|
||
|
font: 14px Sans;
|
||
|
}
|
||
|
|
||
|
.task-item.complete {
|
||
|
color: #888888;
|
||
|
}
|
||
|
|
||
|
.task-item.deadline {
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
|
||
|
.section {
|
||
|
border-radius: 4px;
|
||
|
background-color: rgba(0,0,0,0.50);
|
||
|
color: #fff;
|
||
|
}
|
||
|
|
||
|
.task-time {
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
|
||
|
.progress {
|
||
|
background-color: #000;
|
||
|
}
|
||
|
.progress-bar {
|
||
|
background-color: #232323;
|
||
|
}
|
||
|
|
||
|
|
||
|
.icon-stat .icon {
|
||
|
font: 14px FontAwesome;
|
||
|
color: #ccc;
|
||
|
}
|
||
|
.icon-stat .text {
|
||
|
font: 13px Sans;
|
||
|
}
|
||
|
|
||
|
.stat-box {
|
||
|
}
|
||
|
|
||
|
.icon {
|
||
|
font: 12px FontAwesome;
|
||
|
}
|
||
|
|
||
|
.artist {
|
||
|
font: 16px Sans;
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
|
||
|
.stat-box label {
|
||
|
font: 12px Sans;
|
||
|
font-weight: bold;
|
||
|
color: #eee;
|
||
|
}
|
||
|
|
||
|
.stat-box .text {
|
||
|
font: 32px Sans;
|
||
|
}
|
||
|
|
||
|
.separator {
|
||
|
border-bottom: 1px solid #cc44dd;
|
||
|
}
|
||
|
|
||
|
.music-art {
|
||
|
background-size: cover;
|
||
|
border-radius: 8px;
|
||
|
}
|
||
|
|
||
|
trough {
|
||
|
background-color: #444;
|
||
|
border: 0;
|
||
|
}
|
||
|
|
||
|
.bat-discharging {
|
||
|
color: #ff0000;
|
||
|
}
|
||
|
|
||
|
.bat-discharging trough progress {
|
||
|
background-color: #ff0000;
|
||
|
border-color: #ff0000;
|
||
|
border: 0;
|
||
|
}
|
||
|
|
||
|
.bat-charging {
|
||
|
color: #008800;
|
||
|
border-color: #008800;
|
||
|
}
|
||
|
|
||
|
.bat-charging trough progress {
|
||
|
background-color: #00cc00;
|
||
|
border: 0;
|
||
|
}
|