feral-budget/css/styles.css

134 lines
2 KiB
CSS
Raw Normal View History

2021-08-24 09:51:58 +00:00
/* Document Layout */
body {
2021-08-27 18:03:22 +00:00
line-height: 1.2;
2021-08-24 09:51:58 +00:00
font-family: sans-serif;
font-size: 1.5em
background: "#ffffff";
}
.container {
display: flex;
flex-direction: row;
}
.header {
display: flex;
flex-direction: column;
text-align: center;
2021-08-27 18:03:22 +00:00
margin: 10px;
2021-08-24 09:51:58 +00:00
}
.column {
width: 50%;
border-style: dotted;
border-color: #ffa000;
padding: 10px;
margin: 10px;
}
/* Headings */
.headline-1 {
color: #000000;
background: #fff000;
2021-08-27 18:03:22 +00:00
font-size: 1.0em;
padding: 0px;
margin-top: 0px;
margin-bottom: 5px;
2021-08-24 09:51:58 +00:00
}
.headline-2 {
border-style: dotted;
border-color: #ffa000;
font-family: sans-serif;
font-size: 1.5em;
text-align: center;
2021-08-27 18:03:22 +00:00
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
2021-08-24 09:51:58 +00:00
}
.headline-3 {
border-style: dotted;
border-color: #ffa000;
font-family: Courier;
font-size: 1.5em;
2021-08-24 09:51:58 +00:00
text-align: center;
2021-08-27 18:03:22 +00:00
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
2021-08-24 09:51:58 +00:00
}
/* Budget lines */
.title {
font-size: 1.5em;
font-weight: bold;
2021-08-27 18:03:22 +00:00
padding-top: 0em;
padding-bottom: 0em;
2021-08-24 09:51:58 +00:00
}
.subtitle {
2021-08-27 18:03:22 +00:00
font-size: 1.2em;
padding-top: 1.3em;
padding-bottom: 0.1em;
2021-08-24 09:51:58 +00:00
}
.item {
2021-08-26 17:38:30 +00:00
font-size: 1em;
2021-08-24 09:51:58 +00:00
}
/* Budget subtotals */
.budget-subtotal {
font-family: monospace;
font-size: 1.2em;
display: table-row;
}
.subtotal-name {
font-family: serif;
font-size: 1.1em;
2021-08-27 18:03:22 +00:00
padding-top: 0.5em;
padding-bottom: 0.1em;
2021-08-24 09:51:58 +00:00
display: table-cell;
}
.subtotal-amount {
font-family: sans-serif;
font-size: 1.1em;
font-weight: bold;
padding-left: 20px;
display: table-cell;
}
/* Budget items */
.budget-item {
font-family: monospace;
font-size: 0.9em;
display: table-row;
}
.item-name {
font-family: serif;
font-size: 0.9em;
2021-08-27 18:03:22 +00:00
padding-top: 0.1em;
padding-bottom: 0.1em;
2021-08-24 09:51:58 +00:00
display: table-cell;
}
.item-amount {
font-family: sans-serif;
font-size: 0.9em;
font-weight: bold;
2021-08-27 18:03:22 +00:00
padding-left: 20px;
2021-08-24 09:51:58 +00:00
text-align: right;
2021-08-27 18:03:22 +00:00
display: table-cell;
2021-08-24 09:51:58 +00:00
}