60822587b7
* move chart of accounts higher in document * rewrite text a bit * split controls to left-hand column * remove dependencies between operations * highlight result of last-applied operation (not very good looking atm)
87 lines
1.7 KiB
CSS
87 lines
1.7 KiB
CSS
li > p {
|
|
margin: 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.related {
|
|
background-color: #cbdbf8 !important;
|
|
}
|
|
.secondary {
|
|
background-color: #dce6f8 !important;
|
|
}
|
|
|
|
.accounts-table {
|
|
font-size: 90%;
|
|
color: #888 !important;
|
|
}
|
|
.accounts-table .related {
|
|
background-color: transparent !important;
|
|
color: #eee !important;
|
|
}
|
|
.accounts-table .secondary {
|
|
background-color: transparent !important;
|
|
color: #aaa !important;
|
|
}
|
|
|
|
.accounts-table dl {
|
|
margin: 0;
|
|
}
|
|
|
|
.accounts-table h4, .accounts-table h5 {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.accounts-table h4 {
|
|
text-align: center;
|
|
}
|
|
/* table root */
|
|
.accounts-table > div {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
}
|
|
/* P&L & Balance Sheet columns */
|
|
.accounts-table > div > div {
|
|
flex: 1;
|
|
|
|
padding: 5px;
|
|
margin: 5%;
|
|
|
|
border: 3px solid #666;
|
|
border-radius: 3px;
|
|
}
|
|
/* sections */
|
|
.accounts-table > div > div div {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.accounts-table > div > div div > h5 {
|
|
order: 99;
|
|
|
|
text-transform: uppercase;
|
|
|
|
padding: 0.3em 0;
|
|
border-image: linear-gradient(to bottom, transparent, rgb(221, 225, 231), transparent, rgb(221, 225, 231), transparent) 5 0 10 / 3px 0 3px;
|
|
}
|
|
.accounts-table > div > div div div > h5 {
|
|
/* slightly smaller than normal 14px h5 size */
|
|
font-size: 12.5px;
|
|
border-image: linear-gradient(to bottom, transparent, rgb(221, 225, 231), transparent, rgb(221, 225, 231), transparent) 5 0 5;
|
|
}
|
|
.accounts-table dt {
|
|
font-weight: normal;
|
|
}
|
|
.accounts-table dt span {
|
|
font-style: italic;
|
|
}
|
|
.accounts-table dt span:last-child {
|
|
font-style: normal;
|
|
}
|
|
|
|
.highlight-op {
|
|
background-color: #dce6f8;
|
|
}
|
|
.chart-of-accounts .highlight-op {
|
|
background-color: #030035;
|
|
}
|