You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
79 lines
1.1 KiB
79 lines
1.1 KiB
body {
|
|
margin:0;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
body {
|
|
background-color: black;
|
|
color: white;
|
|
}
|
|
a {
|
|
color:white;
|
|
}
|
|
|
|
tbody tr:nth-child(even) td,
|
|
tbody tr:nth-child(even) td a {
|
|
color:black;
|
|
}
|
|
}
|
|
|
|
td,th {
|
|
border:1px solid black;
|
|
padding:1em;
|
|
}
|
|
th {
|
|
background:lightgrey;
|
|
color:black;
|
|
}
|
|
tbody tr:nth-child(even) td{
|
|
background:#eeeeee;
|
|
color:black;
|
|
}
|
|
|
|
nav {
|
|
text-align:right;
|
|
position:fixed;
|
|
width:100%;
|
|
pointer-events:none;
|
|
}
|
|
nav ul {
|
|
list-style:none;
|
|
}
|
|
|
|
nav ul li {
|
|
padding: 0.5em;
|
|
}
|
|
|
|
nav ul li a {
|
|
padding: 0.5em;
|
|
background-color:rgba(100,100,100, 1);
|
|
pointer-events:visible;
|
|
display:inline-block;
|
|
color:white;
|
|
border:1px solid black;
|
|
}
|
|
|
|
main > section {
|
|
overflow:auto;
|
|
}
|
|
|
|
@media (min-width: 900px){
|
|
|
|
nav {
|
|
display:none;
|
|
}
|
|
|
|
main {
|
|
height:100vh;
|
|
display:grid;
|
|
grid-template-columns: minmax(10px, 1fr), minmax(10px, 2fr), minmax(10px, 2fr);
|
|
grid-template-rows: repeat(2, minmax(10px, 1fr));
|
|
}
|
|
|
|
#timer { grid-area: 1 / 1 / 3 / 2; }
|
|
#summary { grid-area: 1 / 2 / 3 / 3; }
|
|
#category { grid-area: 1 / 3 / 2 / 4; }
|
|
#songs { grid-area: 2 / 3 / 3 / 4; }
|
|
|
|
}
|