musicus/data/res/style.css

148 lines
2 KiB
CSS
Raw Normal View History

2023-10-26 12:37:33 +02:00
.playerbar .title {
font-weight: bold;
}
.playerbar .subtitle {
font-size: smaller;
}
2025-05-16 10:19:50 +03:00
.rounded-entry {
border-radius: 999px;
padding-left: 12px;
padding-right: 12px;
padding-top: 3px;
padding-bottom: 3px;
}
2023-10-07 20:52:15 +02:00
.tile {
min-height: 50px;
min-width: 200px;
}
2024-06-06 15:17:56 +02:00
.tile>box {
2023-10-07 20:52:15 +02:00
margin: 6px 12px;
}
.tile .subtitle {
font-size: smaller;
2023-10-08 16:40:59 +02:00
}
.tile .work {
margin-top: 3px;
}
.tile .composer {
font-size: smaller;
}
.tile .performances {
margin-top: 3px;
margin-bottom: 3px;
font-size: smaller;
2023-10-25 17:45:32 +02:00
}
.playlist {
background-color: rgba(0, 0, 0, 0);
}
2024-06-06 15:17:56 +02:00
.playlist>row {
2023-10-25 17:45:32 +02:00
border-radius: 12px;
}
.playlisttile .parttitle {
2024-07-13 12:20:39 +02:00
font-style: italic;
2024-05-31 13:39:27 +02:00
}
2025-03-22 18:55:29 +01:00
.program-tile {
2024-04-01 18:43:00 +02:00
padding: 12px;
min-width: 200px;
}
2025-03-22 18:55:29 +01:00
.program-tile .title {
2024-04-01 18:43:00 +02:00
margin-top: 6px;
font-size: larger;
font-weight: bold;
}
2025-03-22 18:55:29 +01:00
.program-design-button {
min-width: 24px;
min-height: 24px;
}
.program-design-button:checked {
box-shadow: 0 0 0 3px var(--accent-bg-color);
2024-04-01 18:43:00 +02:00
}
2025-03-23 08:44:46 +01:00
.blue {
color: white;
background-color: var(--accent-blue);
}
.teal {
color: white;
background-color: var(--accent-teal);
}
.green {
color: white;
background-color: var(--accent-green);
}
.yellow {
2025-03-22 18:55:29 +01:00
color: white;
2025-03-23 08:44:46 +01:00
background-color: var(--accent-yellow);
2024-04-01 18:43:00 +02:00
}
2025-03-23 08:44:46 +01:00
.orange {
2025-03-22 18:55:29 +01:00
color: white;
2025-03-23 08:44:46 +01:00
background-color: var(--accent-orange);
2024-04-01 18:43:00 +02:00
}
2025-03-23 08:44:46 +01:00
.red {
2025-03-22 18:55:29 +01:00
color: white;
2025-03-23 08:44:46 +01:00
background-color: var(--accent-red);
2024-04-01 18:43:00 +02:00
}
2025-03-23 08:44:46 +01:00
.pink {
2025-03-22 18:55:29 +01:00
color: white;
2025-03-23 08:44:46 +01:00
background-color: var(--accent-pink);
2024-04-01 18:43:00 +02:00
}
2025-03-23 08:44:46 +01:00
.purple {
2025-03-22 18:55:29 +01:00
color: white;
2025-03-23 08:44:46 +01:00
background-color: var(--accent-purple);
2024-04-01 18:43:00 +02:00
}
2025-03-23 08:44:46 +01:00
.slate {
2025-03-22 18:55:29 +01:00
color: white;
2025-03-23 08:44:46 +01:00
background-color: var(--accent-slate);
2024-04-01 18:43:00 +02:00
}
2024-06-06 15:17:56 +02:00
.selector>contents {
2024-05-31 13:39:27 +02:00
padding: 0;
}
.selector-list {
padding-left: 8px;
padding-right: 8px;
padding-bottom: 8px;
}
2024-06-06 15:17:56 +02:00
.selector-list>row {
2024-05-31 13:39:27 +02:00
padding: 6px;
border-radius: 6px;
}
.drag-handle {
color: color-mix(in srgb, var(--window-fg-color) 40%, transparent);
}
.drag-handle:backdrop {
color: color-mix(in srgb, var(--window-fg-color) 40%, transparent);
}
dragwidget {
background-color: var(--card-bg-color);
color: var(--card-fg-color);
border: 1px solid rgba(0, 0, 6, 0.07);
2023-09-20 13:49:02 +02:00
}