76 lines
1.3 KiB
CSS
76 lines
1.3 KiB
CSS
/* Variables */
|
|
:root{
|
|
--bg: #273036;
|
|
--fg: #ffffff;
|
|
}
|
|
|
|
body{
|
|
padding: 20px;
|
|
background: var(--bg);
|
|
color: var(--fg);
|
|
}
|
|
table {
|
|
font-family: "Monospace";
|
|
border-collapse: collapse;
|
|
font-size: 11pt;
|
|
}
|
|
|
|
th{
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
tr.htmx-swapping td {
|
|
opacity: 0;
|
|
transition: opacity 0.5s ease-out;
|
|
}
|
|
|
|
td, th {
|
|
border: 1px solid #383737;
|
|
text-align: center;
|
|
padding: 4px;
|
|
min-width: 4em;
|
|
}
|
|
|
|
td.now, th.now{
|
|
background: var(--fg);
|
|
color: var(--bg);
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
}
|
|
|
|
td.day-note{
|
|
width: max-content;
|
|
}
|
|
|
|
tr:nth-child(even) {
|
|
background-color: #2f3941;
|
|
}
|
|
|
|
input.update-entry-form{
|
|
width: 3em;
|
|
text-align: center;
|
|
}
|
|
|
|
div#color-chooser{
|
|
position:absolute;
|
|
display:flex;
|
|
margin: 2px;
|
|
}
|
|
|
|
.color-choice{
|
|
padding: 1px 5px;
|
|
border: 1px solid black;
|
|
}
|
|
.color-choice:hover{
|
|
border: 1px solid white;
|
|
}
|
|
div.upcase{ text-transform: uppercase;}
|
|
div#table{font-family:monospace;display: grid;grid-template-columns: repeat(28, 1fr);}
|
|
div#header{border-bottom:2px solid gray;}
|
|
div.table-row{border-bottom:1px solid gray;}
|
|
div.cell{
|
|
width: 75px;
|
|
font-size:10pt;
|
|
text-align: center; padding: 1px 5px}
|
|
|
|
.hot-display-license-info{display:none;} |