2021-09-22 22:51:55 +02:00
|
|
|
:root {
|
|
|
|
--light-blue: #2AA1BF;
|
|
|
|
--dark-blue: #095C81;
|
|
|
|
--light-color: #333;
|
|
|
|
--dark-color: #CCC;
|
|
|
|
--light-background: #FFF;
|
|
|
|
--dark-background: #111;
|
|
|
|
--light-code-background: #EBEBEB;
|
|
|
|
--dark-code-background: #333;
|
|
|
|
}
|
|
|
|
|
2018-12-27 14:57:46 +01:00
|
|
|
body {
|
2021-09-22 21:04:32 +02:00
|
|
|
width: 360px;
|
2021-09-22 22:51:55 +02:00
|
|
|
color: var(--light-color);
|
|
|
|
background-color: var(--light-background);
|
2018-12-27 14:57:46 +01:00
|
|
|
}
|
2021-09-22 22:51:55 +02:00
|
|
|
/* @media (prefers-color-scheme: dark) {
|
|
|
|
body {
|
|
|
|
color: var(--dark-color);
|
|
|
|
background-color: var(--dark-background);
|
|
|
|
}
|
|
|
|
} */
|
2018-12-27 14:57:46 +01:00
|
|
|
|
2018-12-27 14:43:34 +01:00
|
|
|
h2 {
|
2021-09-22 21:04:32 +02:00
|
|
|
margin: 12px 8px 8px;
|
2018-12-27 14:43:34 +01:00
|
|
|
}
|
2019-10-04 21:58:48 +02:00
|
|
|
summary {
|
2021-09-22 21:04:32 +02:00
|
|
|
margin: 12px 8px 8px;
|
2019-10-04 21:58:48 +02:00
|
|
|
}
|
|
|
|
summary > h2 {
|
2021-09-22 21:04:32 +02:00
|
|
|
margin: 0;
|
|
|
|
display: inline-block;
|
2019-10-04 21:58:48 +02:00
|
|
|
}
|
2018-12-27 14:43:34 +01:00
|
|
|
|
|
|
|
.panel-list-item > .icon {
|
2021-09-22 21:04:32 +02:00
|
|
|
text-align: center;
|
|
|
|
width: 23px;
|
|
|
|
margin-right: 4px;
|
2018-12-27 14:43:34 +01:00
|
|
|
}
|
|
|
|
.panel-list-item > .icon > img {
|
2021-09-22 21:04:32 +02:00
|
|
|
vertical-align: text-bottom;
|
2018-12-27 14:43:34 +01:00
|
|
|
}
|
|
|
|
|
2018-12-27 17:26:05 +01:00
|
|
|
#state {
|
2021-09-22 21:04:32 +02:00
|
|
|
margin: 0 8px;
|
2018-12-27 17:26:05 +01:00
|
|
|
}
|
|
|
|
#state > img {
|
2021-09-22 21:04:32 +02:00
|
|
|
vertical-align: text-bottom;
|
|
|
|
margin-right: 4px;
|
2018-12-27 17:26:05 +01:00
|
|
|
}
|
|
|
|
|
2018-12-27 14:43:34 +01:00
|
|
|
#calendar {
|
2021-09-22 21:04:32 +02:00
|
|
|
margin: 0 8px;
|
2018-12-27 14:43:34 +01:00
|
|
|
}
|
2019-10-04 21:58:48 +02:00
|
|
|
#calendar > div > img {
|
2021-09-22 21:04:32 +02:00
|
|
|
vertical-align: text-bottom;
|
|
|
|
margin-right: 4px;
|
2018-12-27 14:43:34 +01:00
|
|
|
}
|
|
|
|
|
2018-12-27 10:37:31 +01:00
|
|
|
#space-api {
|
2021-09-22 21:04:32 +02:00
|
|
|
margin: 0;
|
|
|
|
padding: 0 8px;
|
|
|
|
height: 240px;
|
|
|
|
overflow-x: hidden;
|
|
|
|
overflow-y: scroll;
|
2021-09-22 22:51:55 +02:00
|
|
|
background-color: var(--light-code-background);
|
2018-12-27 14:43:34 +01:00
|
|
|
}
|
2021-09-22 22:51:55 +02:00
|
|
|
/* @media (prefers-color-scheme: dark) {
|
|
|
|
#space-api {
|
|
|
|
background-color: var(--dark-code-background);
|
|
|
|
}
|
|
|
|
} */
|
2018-12-27 14:43:34 +01:00
|
|
|
#space-api code {
|
2021-09-22 21:04:32 +02:00
|
|
|
font-family: monospace;
|
|
|
|
font-size: 10px;
|
2018-12-27 17:26:05 +01:00
|
|
|
}
|