NextERP/documentation
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[FIX] colors in single-column layout (small screen)

Browse Source
This commit is contained in:
Xavier Morel 2015-02-26 11:08:14 +01:00
parent 784cc2561b
commit 900e16d3cc
1 changed files with 30 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
_static/accounting.css
View File

@ -4,23 +4,17 @@ li > p {
} }
.related { .related {
background-color: #cbdbf8 !important; background-color: hsl(219, 76%, 88%) !important;
} }
.secondary { .secondary {
background-color: #dce6f8 !important; background-color: hsl(219, 67%, 94%) !important;
}
.highlight-op {
background-color: hsl(219, 67%, 94%);
} }
.accounts-table { .accounts-table {
font-size: 90%; 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 { .accounts-table dl {
@ -46,9 +40,10 @@ li > p {
padding: 5px; padding: 5px;
margin: 5%; margin: 5%;
border: 3px solid #666; border-width: 3px;
border-radius: 3px; border-radius: 3px;
} }
/* sections */ /* sections */
.accounts-table > div > div div { .accounts-table > div > div div {
display: flex; display: flex;
@ -78,17 +73,32 @@ li > p {
font-style: normal; font-style: normal;
} }
.highlight-op {
background-color: #dce6f8;
}
.chart-of-accounts .highlight-op {
background-color: #030035;
}
/* 3-column (thing, debit, credit) tables */ /* 3-column (thing, debit, credit) tables */
/* 2nd and 3rd th & td of each row right-aligned and 1/4th width */ /* 2nd and 3rd th & td of each row right-aligned and 1/4th width */
.d-c-table tr > :nth-child(2), .d-c-table tr > :nth-child(2),
.d-c-table tr > :nth-child(3) { .d-c-table tr > :nth-child(3) {
width: 25%; width: 25%;
text-align: right; text-align: right;
} }
@media (min-width: 992px) {
.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 > div > div {
border-color: #666;
}
.chart-of-accounts .highlight-op {
background-color: #030035;
}
}