e3fee2cf46
Prior to this commit, the Odoo documentation was mainly split between
two repositories: odoo/odoo/doc and odoo/documentation-user. Some bits
of documentation were also hosted elsewhere (e.g., wiki, upgrade, ...).
This was causing several problems among which:
- The theme, config, Makefile, and similar technical resources had to
be duplicated. This resulted in inconsistent layout, features, and
build environments from one documentation to another.
- Some pages did not fit either documentation as they were relevant
for both users and developers. Some were relevant to neither of the
two (e.g., DB management).
- Cross-doc references had to be absolute links and they broke often.
- Merging large image files in the developer documentation would bloat
the odoo/odoo repository. Some contributions had to be lightened to
avoid merging too many images (e.g., Odoo development tutorials).
- Long-time contributors to the user documentation were chilly about
going through the merging process of the developer documentation
because of the runbot, mergebot, `odoo-dev` repository, etc.
- Some contributors would look for the developer documentation in the
`odoo/documentation-user` repository.
- Community issues about the user documentation were submitted on the
`odoo/odoo` repository and vice-versa.
Merging all documentations in one repository will allow us to have one
place, one theme, one work process, and one set of tools (build
environment, ...) for all of the Odoo docs.
As this is a good opportunity to revamp the layout of the documentation,
a brand new theme replaces the old one. It features a new way to
navigate the documentation, centered on the idea of always letting the
reader know what is the context (enclosing section, child pages, page
structure ...) of the page they are reading. The previous theme would
quickly confuse readers as they navigated the documentation and followed
cross-application links.
The chance is also taken to get rid of all the technical dangling parts,
performance issues, and left-overs. Except for some page-specific JS
scripts, the Odoo theme Sphinx extension is re-written from scratch
based on the latest Sphinx release to benefit from the improvements and
ease future contributions.
task-2351938
task-2352371
task-2205684
task-2352544
Closes #945
223 lines
4.6 KiB
CSS
223 lines
4.6 KiB
CSS
/* FIXME: hack to reverse hack in theme CSS */
|
|
main.index .toctree-wrapper > .row:first-child > .col-md-3 {
|
|
margin: 0 !important;
|
|
}
|
|
.doc-aside {
|
|
border: 1px solid #d5d5d5;
|
|
background-color: #f8f8f8;
|
|
padding: 0 !important;
|
|
font-size: 14px;
|
|
}
|
|
.doc-aside p{
|
|
padding: .5rem;
|
|
}
|
|
.intro-list {
|
|
margin-top: 1em;
|
|
}
|
|
.intro-list p {
|
|
margin: 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.related {
|
|
background-color: hsl(317deg 16% 90%) !important;
|
|
transition: .3s;
|
|
}
|
|
.secondary {
|
|
background-color: hsl(180deg 67% 94%) !important;
|
|
transition: .3s;
|
|
}
|
|
.highlight-op {
|
|
background-color: hsl(317deg 16% 90%) !important;
|
|
transition: .3s;
|
|
}
|
|
|
|
label:hover,
|
|
label:hover,
|
|
.highlighter-list li:hover {
|
|
background-color: hsl(0, 0%, 94%);
|
|
cursor: pointer;
|
|
}
|
|
|
|
/*.accounts-table {
|
|
font-size: 90%;
|
|
}*/
|
|
|
|
.accounts-table dl {
|
|
margin: 0;
|
|
padding: .5rem 0;
|
|
}
|
|
|
|
.accounts-table h4, .accounts-table h5 {
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
padding: .5rem;
|
|
|
|
}
|
|
|
|
.accounts-table h4 {
|
|
text-align: center;
|
|
}
|
|
/* table root */
|
|
.accounts-table > div {
|
|
display: flex;
|
|
}
|
|
/* P&L & Balance Sheet columns */
|
|
.accounts-table > div > div {
|
|
flex: 1;
|
|
padding: .5rem;
|
|
}
|
|
|
|
.accounts-table > div > div:first-child {
|
|
border-right: 1px solid #d5d5d5
|
|
}
|
|
|
|
/* sections */
|
|
.accounts-table > div > div div {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.accounts-table > div > div div > h5 {
|
|
order: 99;
|
|
border-top: 1px solid #d5d5d5;
|
|
border-bottom: 1px solid #d5d5d5;
|
|
/*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: 700;
|
|
padding: 0 .5rem;
|
|
}
|
|
.accounts-table dt span {
|
|
font-style: italic;
|
|
}
|
|
.accounts-table dt span:last-child {
|
|
font-style: normal;
|
|
}
|
|
|
|
.values-table tr > * {
|
|
text-align: right;
|
|
}
|
|
.values-table tr > :first-child {
|
|
text-align: left;
|
|
}
|
|
|
|
/* 3-column (thing, debit, credit) tables */
|
|
/* 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(3) {
|
|
width: 25%;
|
|
text-align: right;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.accounts-table, .doc-aside .highlighter-target {
|
|
/*font-size: 90%;*/
|
|
/*color: #8d8d8d !important;*/
|
|
}
|
|
.doc-aside .highlighter-target th {
|
|
font-weight: 400;
|
|
/*font-size: 110%;*/
|
|
}
|
|
.accounts-table .related, .doc-aside .highlighter-target .related {
|
|
/*background-color: #eee !important;*/
|
|
color: #7A436B !important;
|
|
|
|
}
|
|
.accounts-table .secondary, .doc-aside .highlighter-target .secondary {
|
|
background-color: #eee !important;
|
|
color: #7A436B !important;
|
|
}
|
|
|
|
.chart-of-accounts .highlight-op,
|
|
.valuation-chart .highlight-op {
|
|
background-color: #030035;
|
|
}
|
|
|
|
.chart-of-accounts .highlight-op,
|
|
.valuation-chart-continental .highlight-op {
|
|
background-color: #030035;
|
|
}
|
|
|
|
.chart-of-accounts .highlight-op,
|
|
.valuation-chart-anglo-saxon .highlight-op {
|
|
background-color: #030035;
|
|
}
|
|
}
|
|
.entries-listing {
|
|
padding: .5rem;
|
|
}
|
|
.journal-entries .entries-listing p {
|
|
font-style: italic;
|
|
}
|
|
|
|
#reconciliation .reconciliation-example div.buttons {
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-bottom: 1rem;
|
|
}
|
|
#reconciliation .reconciliation-example div.buttons button {
|
|
margin: 0 0.5em;
|
|
}
|
|
|
|
@keyframes reconcile {
|
|
0% {
|
|
opacity: 1;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
background-color: transparent;
|
|
}
|
|
60% {
|
|
background-color: hsl(317deg 16% 90%);
|
|
}
|
|
80% {
|
|
opacity: 1;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
display: none;
|
|
}
|
|
}
|
|
.reconcile1 .invoice1, .reconcile1 .invoice1 td {
|
|
animation: reconcile 2s;
|
|
}
|
|
.reconcile2 .invoice2, .reconcile2 .invoice2 td {
|
|
animation: reconcile 2s;
|
|
}
|
|
|
|
.invoice1.reconciled, .invoice2.reconciled {
|
|
display: none;
|
|
}
|
|
|
|
blockquote.highlights, blockquote.highlights p{
|
|
border: none;
|
|
margin-top: 1rem;
|
|
margin-bottom: 1rem;
|
|
text-align: center;
|
|
}
|
|
|
|
/*
|
|
lists of alternatives
|
|
*/
|
|
.alternatives-controls label {
|
|
display: block;
|
|
}
|
|
dl.alternatives > dt,
|
|
dl.alternatives > dd {
|
|
display: none;
|
|
}
|
|
dl.alternatives > dd {
|
|
margin-left: 0;
|
|
}
|