musicus/data/res/style.css

121 lines
1.7 KiB
CSS
Raw Normal View History

2023-10-26 12:37:33 +02:00
.playerbar .title {
font-weight: bold;
}
.playerbar .subtitle {
font-size: smaller;
}
2023-09-30 00:22:33 +02:00
.searchbar .searchtag {
background-color: alpha(currentColor, 0.1);
border-radius: 100px;
}
2024-06-06 15:17:56 +02:00
.searchbar .searchtag>button {
2023-09-30 00:22:33 +02:00
min-width: 24px;
min-height: 24px;
margin: 0px;
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
}
2024-04-01 18:43:00 +02:00
.program {
padding: 12px;
min-width: 200px;
}
.program .title {
margin-top: 6px;
font-size: larger;
font-weight: bold;
}
.program.highlight {
color: white;
transition: transform 100ms;
}
.program.highlight.program1 {
background: linear-gradient(-225deg, #ac32e4 0%, #7918f2 48%, #4801ff 100%);
}
.program.highlight.program2 {
background: linear-gradient(145deg, #f12711, #f5af19);
}
.program.highlight.program3 {
background: linear-gradient(-80deg, #ad5389, #3c1053);
}
.program.highlight.program4 {
background: linear-gradient(140deg, #136797, #0b486b);
}
.program.highlight.program5 {
background: linear-gradient(100deg, #6a9113, #141517);
}
.program.highlight.program6 {
background: linear-gradient(120deg, #870000, #190a05);
}
.program.highlight:hover {
transform: scale(1.01);
}
.program.highlight:active {
transform: scale(0.99);
}
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;
2023-09-20 13:49:02 +02:00
}