gpstool/src/app.css
2023-10-08 20:43:45 +02:00

80 lines
1.3 KiB
CSS

html, body {
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
margin: 0;
padding: 0;
width: 100vw;
height: 100vh;
background-color: #eee;
}
* {
font-synthesis: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
box-sizing: border-box;
margin: 0;
padding: 0;
}
#app {
max-width: 1280px;
margin: 0 auto;
padding: 32px;
height: 100%;
}
ul, ol {
margin-left: 1rem;
}
ul li, ol li {
margin-bottom: 4px;
}
dl {
margin: 0;
padding: 0;
}
dl dt {
font-weight: 700;
}
dl dd {
margin: 0 0 12px 0;
}
.card {
background-color: #fff;
padding: 12px;
margin-bottom: 12px;
}
.card h2 {
margin-bottom: 12px;
padding-bottom: 6px;
border-bottom: 1px solid #ddd;
font-size: 22px;
}
.input {
min-width: 100px;
padding: 2px 4px;
font: inherit;
border: 1px solid #888;
border-radius: 4px;
background-color: #fff;
}
*:last-child { margin-bottom: 0; }
@media (prefers-color-scheme: dark) {
html, body {
background-color: #333;
color: #eee;
}
a { color: #ade; }
.card { background-color: #444; }
.card h2 { border-color: #333; }
}