ledger-pyreport/ledger_pyreport/static/main.css

135 lines
2.3 KiB
CSS

/*
ledger-pyreport
Copyright © 2020 Lee Yingtong Li (RunasSudo)
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.
*/
body {
font-family: 'TeX Gyre Termes', 'Nimbus Roman', 'Times New Roman', 'Liberation Serif', Times, serif;
}
/* Tables */
h1 {
text-align: center;
font-size: x-large;
font-weight: bold;
margin: 0;
}
h2 {
text-align: center;
font-size: medium;
font-weight: normal;
margin: 0.2em 0 1em 0;
}
table.ledger {
width: 100%;
border-collapse: collapse;
}
table.ledger td, table.ledger th {
padding: 2px 2px 2px 2px;
}
table.ledger th {
text-align: left;
}
table.ledger th.h1 {
text-align: center;
}
table.ledger tr.total td {
font-weight: bold;
}
table.ledger tr.total:not(.explicit-rules) td {
border-top: 1pt solid black;
border-bottom: 1pt solid black;
}
table.ledger.onedesc tr td:not(:first-child), table.ledger.onedesc tr th:not(:first-child) {
text-align: right;
width: 6em;
}
table.ledger a {
color: black;
text-decoration: none;
}
table.ledger a:hover {
color: blue;
text-decoration: underline;
}
/* Navigation bar */
.nav-header {
color: #888;
position: absolute;
top: 0;
left: 0;
}
.nav-header a {
color: #888;
}
.nav-header a:hover {
color: #666;
}
/* Home page */
.index-group {
margin-bottom: 1em;
line-height: 2;
}
label {
margin-left: 1ex;
white-space: nowrap;
}
/* Toasts */
.toast {
opacity: 0%;
transition: opacity 0.2s;
position: fixed;
bottom: 2em;
left: 50%;
transform: translateX(-50%);
background-color: #eee;
padding: 0.5em 1.5em;
border: 1px solid #666;
}
.toast.visible {
opacity: 100%;
transition: opacity 0s;
}
@media screen {
body {
padding: 2em;
}
}
@media print {
.nav-header {
display: none;
}
}