82 lines
1.8 KiB
CSS
82 lines
1.8 KiB
CSS
:root {
|
|
--table-border: #ccc;
|
|
--table-grade-top: #eee;
|
|
--table-grade-bottom: #ddd;
|
|
--table-shadow: #ccc;
|
|
--table-active: #363;
|
|
--table-active-grade: #474;
|
|
}
|
|
|
|
html {
|
|
font-family: "Iosevka", monospace;
|
|
}
|
|
|
|
.workout-wrapper {
|
|
width: 60em;
|
|
margin: auto;
|
|
padding: 1.5em;
|
|
}
|
|
|
|
.workout-wrapper h1 {
|
|
text-align: center;
|
|
}
|
|
.workout-wrapper table {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: 2em;
|
|
margin-bottom: 1em;
|
|
width: 95%;
|
|
border-spacing: 0px;
|
|
border-collapse: collapse;
|
|
box-shadow: 1px 1px 7px var(--table-shadow);
|
|
}
|
|
.workout-wrapper table caption {
|
|
font-size: large;
|
|
text-align: left;
|
|
padding: 7px 7px 7px 10px;
|
|
font-weight: bold;
|
|
border: thin solid var(--table-border);
|
|
margin: 0;
|
|
border-radius: 0.3em 0.3em 0 0;
|
|
background: linear-gradient(var(--table-grade-top), var(--table-grade-bottom));
|
|
box-shadow: 1px 1px 7px var(--table-shadow);
|
|
}
|
|
.workout-wrapper .set-table thead tr {
|
|
border: thin solid var(--table-border);
|
|
}
|
|
.workout-wrapper .set-table tbody tr {
|
|
border-bottom: thin solid var(--table-border-top);
|
|
}
|
|
.workout-wrapper .set-table tbody tr.active {
|
|
background: linear-gradient(var(--table-active), var(--table-active-grade));
|
|
color: white;
|
|
border: 1px solid var(--table-active);
|
|
box-shadow: 1px 1px 15px var(--table-active);
|
|
}
|
|
.workout-wrapper .set-table td,
|
|
.workout-wrapper .set-table th {
|
|
text-align: left;
|
|
padding: 5px;
|
|
}
|
|
|
|
.workout-wrapper .set-table th {
|
|
background-color: var(--table-border);
|
|
}
|
|
|
|
.workout-wrapper .set-table .col-status {
|
|
width: 10%;
|
|
}
|
|
.workout-wrapper .set-table .col-name {
|
|
width: 60%;
|
|
}
|
|
.workout-wrapper .set-table .col-pattern-count {
|
|
width: 30%;
|
|
}
|
|
|
|
/* Global */
|
|
.workout-wrapper #app_debug_div {
|
|
border: thin dotted blue;
|
|
color: grey;
|
|
font-size: x-small;
|
|
}
|