diff --git a/extensions/odoo_theme/layout.html b/extensions/odoo_theme/layout.html index 7072f2df5..6a707fa17 100644 --- a/extensions/odoo_theme/layout.html +++ b/extensions/odoo_theme/layout.html @@ -28,8 +28,8 @@ integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"> {# TODO EDI boostrap beta cdn ??? Isn't there a stable CDN ? It looks like this cdn won't exist forever :D #} - {% endblock %} @@ -95,7 +95,7 @@ {# Do not show the edition link for pages without content #} {% if github_link and not 'has_only_toc' in meta %} - Edit on GitHub + Edit on GitHub {% endif %} diff --git a/extensions/odoo_theme/layout_templates/footer.html b/extensions/odoo_theme/layout_templates/footer.html index c46008c74..9c46ceea2 100644 --- a/extensions/odoo_theme/layout_templates/footer.html +++ b/extensions/odoo_theme/layout_templates/footer.html @@ -1,11 +1,18 @@ -
-
Get Help
-
- Contact Support - Ask the Odoo Community +
+
+
Get Help
+
+ Contact Support + Ask the Odoo Community +
+
+
+ + Odoo +
-
+ diff --git a/extensions/odoo_theme/layout_templates/header.html b/extensions/odoo_theme/layout_templates/header.html index ffd3da28d..a43d51d08 100644 --- a/extensions/odoo_theme/layout_templates/header.html +++ b/extensions/odoo_theme/layout_templates/header.html @@ -2,7 +2,7 @@
diff --git a/extensions/odoo_theme/layout_templates/language_switcher.html b/extensions/odoo_theme/layout_templates/language_switcher.html index dd0faf199..ee9f67b9a 100644 --- a/extensions/odoo_theme/layout_templates/language_switcher.html +++ b/extensions/odoo_theme/layout_templates/language_switcher.html @@ -1,22 +1,10 @@
- {# #} -
- {{ language }} {# The current language #} - {% for alternate_language, language_code, url in alternate_languages %} - {{ alternate_language }} - {% endfor %} +
+ +
-
+
\ No newline at end of file diff --git a/extensions/odoo_theme/layout_templates/searchbox.html b/extensions/odoo_theme/layout_templates/searchbox.html index febb1898f..27f0f459b 100644 --- a/extensions/odoo_theme/layout_templates/searchbox.html +++ b/extensions/odoo_theme/layout_templates/searchbox.html @@ -3,7 +3,7 @@ - +
diff --git a/extensions/odoo_theme/layout_templates/version_switcher.html b/extensions/odoo_theme/layout_templates/version_switcher.html index b2cc70616..a1e64bd10 100644 --- a/extensions/odoo_theme/layout_templates/version_switcher.html +++ b/extensions/odoo_theme/layout_templates/version_switcher.html @@ -3,18 +3,13 @@
- {# #} -
- {{ version }} {# The current version #} - {% for alternate_version, url in alternate_versions %} - {{ alternate_version }} - {% endfor %} +
+ +
diff --git a/extensions/odoo_theme/static/fonts/icomoon.eot b/extensions/odoo_theme/static/fonts/icomoon.eot index 7c60c721a..0f830ea74 100644 Binary files a/extensions/odoo_theme/static/fonts/icomoon.eot and b/extensions/odoo_theme/static/fonts/icomoon.eot differ diff --git a/extensions/odoo_theme/static/fonts/icomoon.svg b/extensions/odoo_theme/static/fonts/icomoon.svg index 998251b66..9ae126b59 100644 --- a/extensions/odoo_theme/static/fonts/icomoon.svg +++ b/extensions/odoo_theme/static/fonts/icomoon.svg @@ -7,73 +7,86 @@ - - - - - + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - + + + - - - - - - - - - - - - + + + + + + + + + + + - - - + + + - - + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/extensions/odoo_theme/static/fonts/icomoon.ttf b/extensions/odoo_theme/static/fonts/icomoon.ttf index 45c51e5c5..7734fd524 100644 Binary files a/extensions/odoo_theme/static/fonts/icomoon.ttf and b/extensions/odoo_theme/static/fonts/icomoon.ttf differ diff --git a/extensions/odoo_theme/static/fonts/icomoon.woff b/extensions/odoo_theme/static/fonts/icomoon.woff index f267997d9..c69e2012d 100644 Binary files a/extensions/odoo_theme/static/fonts/icomoon.woff and b/extensions/odoo_theme/static/fonts/icomoon.woff differ diff --git a/extensions/odoo_theme/static/img/favicon.ico b/extensions/odoo_theme/static/img/favicon.ico new file mode 100644 index 000000000..4abb40924 Binary files /dev/null and b/extensions/odoo_theme/static/img/favicon.ico differ diff --git a/extensions/odoo_theme/static/img/icons/basic.svg b/extensions/odoo_theme/static/img/icons/basic.svg deleted file mode 100644 index 2f6c268ce..000000000 --- a/extensions/odoo_theme/static/img/icons/basic.svg +++ /dev/null @@ -1,40 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/extensions/odoo_theme/static/img/icons/doc-admin.svg b/extensions/odoo_theme/static/img/icons/doc-admin.svg deleted file mode 100644 index 51d9ad851..000000000 --- a/extensions/odoo_theme/static/img/icons/doc-admin.svg +++ /dev/null @@ -1,26 +0,0 @@ - - - - - - - - - - diff --git a/extensions/odoo_theme/static/img/icons/doc-apps.svg b/extensions/odoo_theme/static/img/icons/doc-apps.svg deleted file mode 100644 index 51bd1006b..000000000 --- a/extensions/odoo_theme/static/img/icons/doc-apps.svg +++ /dev/null @@ -1,27 +0,0 @@ - - - - - - - - - - - - diff --git a/extensions/odoo_theme/static/img/icons/doc-contribute.svg b/extensions/odoo_theme/static/img/icons/doc-contribute.svg deleted file mode 100644 index cf52ed375..000000000 --- a/extensions/odoo_theme/static/img/icons/doc-contribute.svg +++ /dev/null @@ -1,36 +0,0 @@ - - - - - - - - - - diff --git a/extensions/odoo_theme/static/img/icons/doc-dev.svg b/extensions/odoo_theme/static/img/icons/doc-dev.svg deleted file mode 100644 index 85ccb91bf..000000000 --- a/extensions/odoo_theme/static/img/icons/doc-dev.svg +++ /dev/null @@ -1,33 +0,0 @@ - - - - - - - - - - diff --git a/extensions/odoo_theme/static/img/icons/doc-services.svg b/extensions/odoo_theme/static/img/icons/doc-services.svg deleted file mode 100644 index 1a537af68..000000000 --- a/extensions/odoo_theme/static/img/icons/doc-services.svg +++ /dev/null @@ -1,32 +0,0 @@ - - - - - - - - - - - diff --git a/extensions/odoo_theme/static/img/icons/edit.svg b/extensions/odoo_theme/static/img/icons/edit.svg deleted file mode 100644 index c1750b489..000000000 --- a/extensions/odoo_theme/static/img/icons/edit.svg +++ /dev/null @@ -1,16 +0,0 @@ - - - - - - - - diff --git a/extensions/odoo_theme/static/img/icons/full-control.svg b/extensions/odoo_theme/static/img/icons/full-control.svg deleted file mode 100644 index 5272b662a..000000000 --- a/extensions/odoo_theme/static/img/icons/full-control.svg +++ /dev/null @@ -1,35 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - diff --git a/extensions/odoo_theme/static/img/icons/help.svg b/extensions/odoo_theme/static/img/icons/help.svg deleted file mode 100644 index 8e0c6a24e..000000000 --- a/extensions/odoo_theme/static/img/icons/help.svg +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - diff --git a/extensions/odoo_theme/static/img/icons/install.svg b/extensions/odoo_theme/static/img/icons/install.svg deleted file mode 100644 index 673320c49..000000000 --- a/extensions/odoo_theme/static/img/icons/install.svg +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/extensions/odoo_theme/static/img/icons/link.svg b/extensions/odoo_theme/static/img/icons/link.svg deleted file mode 100644 index 839f89b56..000000000 --- a/extensions/odoo_theme/static/img/icons/link.svg +++ /dev/null @@ -1,18 +0,0 @@ - - - - - - - - diff --git a/extensions/odoo_theme/static/img/icons/search.svg b/extensions/odoo_theme/static/img/icons/search.svg deleted file mode 100644 index 5769223a8..000000000 --- a/extensions/odoo_theme/static/img/icons/search.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - diff --git a/extensions/odoo_theme/static/img/icons/tech-knowledge.svg b/extensions/odoo_theme/static/img/icons/tech-knowledge.svg deleted file mode 100644 index 5f2d19ed7..000000000 --- a/extensions/odoo_theme/static/img/icons/tech-knowledge.svg +++ /dev/null @@ -1,30 +0,0 @@ - - - - - - - - - - - - - - diff --git a/extensions/odoo_theme/static/img/icons/tutorials.svg b/extensions/odoo_theme/static/img/icons/tutorials.svg deleted file mode 100644 index d2adbb142..000000000 --- a/extensions/odoo_theme/static/img/icons/tutorials.svg +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - - - - - - - - diff --git a/extensions/odoo_theme/static/js/page_toc.js b/extensions/odoo_theme/static/js/page_toc.js index e3729e528..1f7f83ca0 100644 --- a/extensions/odoo_theme/static/js/page_toc.js +++ b/extensions/odoo_theme/static/js/page_toc.js @@ -128,6 +128,10 @@ relatedHeadingRef.setAttribute('data-bs-target', `#${tocEntryList.id}`); relatedHeadingRef.setAttribute('data-bs-toggle', 'collapse'); }); + // TODO [ANV] + // current output: + // desired output: Text + }; })(); diff --git a/extensions/odoo_theme/static/scss/_iconfont.scss b/extensions/odoo_theme/static/scss/_iconfont.scss new file mode 100644 index 000000000..f19d915a1 --- /dev/null +++ b/extensions/odoo_theme/static/scss/_iconfont.scss @@ -0,0 +1,425 @@ +//------------------------------------------------------------------------------ +// icomoon icons +//------------------------------------------------------------------------------ + +[class^="i-"], [class*=" i-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: '#{$icomoon-font-family}' !important; + speak: never; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; +} + + +.i-arrow-up { + &:before { + content: $i-arrow-up; + } +} +.i-arrow-down { + &:before { + content: $i-arrow-down; + } +} +.i-arrow-left { + &:before { + content: $i-arrow-left; + } +} +.i-arrow-right { + &:before { + content: $i-arrow-right; + } +} +.i-chevron-up { + &:before { + content: $i-chevron-up; + } +} +.i-chevron-down { + &:before { + content: $i-chevron-down; + } +} +.i-chevron-left { + &:before { + content: $i-chevron-left; + } +} +.i-chevron-right { + &:before { + content: $i-chevron-right; + } +} +.i-link { + &:before { + content: $i-link; + } +} +.i-websites { + &:before { + content: $i-websites; + } +} +.i-sales { + &:before { + content: $i-sales; + } +} +.i-sales_2 { + &:before { + content: $i-sales_2; + } +} +.i-marketing { + &:before { + content: $i-marketing; + } +} +.i-apps_1 { + &:before { + content: $i-apps_1; + } +} +.i-apps_2 { + &:before { + content: $i-apps_2; + } +} +.i-app_features { + &:before { + content: $i-app_features; + } +} +.i-app-favorites { + &:before { + content: $i-app-favorites; + } +} +.i-basics { + &:before { + content: $i-basics; + } +} +.i-cart { + &:before { + content: $i-cart; + } +} +.i-shop { + &:before { + content: $i-shop; + } +} +.i-accountant { + &:before { + content: $i-accountant; + } +} +.i-customer-reviews { + &:before { + content: $i-customer-reviews; + } +} +.i-hr { + &:before { + content: $i-hr; + } +} +.i-developer { + &:before { + content: $i-developer; + } +} +.i-users { + &:before { + content: $i-users; + } +} +.i-doc-admin { + &:before { + content: $i-doc-admin; + } +} +.i-doc-apps { + &:before { + content: $i-doc-apps; + } +} +.i-doc-contribute { + &:before { + content: $i-doc-contribute; + } +} +.i-doc-dev { + &:before { + content: $i-doc-dev; + } +} +.i-doc-services { + &:before { + content: $i-doc-services; + } +} +.i-documentation { + &:before { + content: $i-documentation; + } +} +.i-scaleup { + &:before { + content: $i-scaleup; + } +} +.i-knowledge { + &:before { + content: $i-knowledge; + } +} +.i-tutorial { + &:before { + content: $i-tutorial; + } +} +.i-elearning_1 { + &:before { + content: $i-elearning_1; + } +} +.i-elearning_2 { + &:before { + content: $i-elearning_2; + } +} +.i-install { + &:before { + content: $i-install; + } +} +.i-o-edu { + &:before { + content: $i-o-edu; + } +} +.i-certifications { + &:before { + content: $i-certifications; + } +} +.i-events { + &:before { + content: $i-events; + } +} +.i-showcase { + &:before { + content: $i-showcase; + } +} +.i-jobs { + &:before { + content: $i-jobs; + } +} +.i-finances { + &:before { + content: $i-finances; + } +} +.i-money-bag { + &:before { + content: $i-money-bag; + } +} +.i-money-plant { + &:before { + content: $i-money-plant; + } +} +.i-o-help { + &:before { + content: $i-o-help; + } +} +.i-o-logo { + &:before { + content: $i-o-logo; + } +} +.i-o-services { + &:before { + content: $i-o-services; + } +} +.i-o-tour { + &:before { + content: $i-o-tour; + } +} +.i-services { + &:before { + content: $i-services; + } +} +.i-operations_1 { + &:before { + content: $i-operations_1; + } +} +.i-operations_2 { + &:before { + content: $i-operations_2; + } +} +.i-performance { + &:before { + content: $i-performance; + } +} +.i-time-management_2 { + &:before { + content: $i-time-management_2; + } +} +.i-time-management { + &:before { + content: $i-time-management; + } +} +.i-advanced { + &:before { + content: $i-advanced; + } +} +.i-search { + &:before { + content: $i-search; + } +} +.i-overview { + &:before { + content: $i-overview; + } +} +.i-view { + &:before { + content: $i-view; + } +} +.i-view-more { + &:before { + content: $i-view-more; + } +} +.i-view-next { + &:before { + content: $i-view-next; + } +} +.i-partners { + &:before { + content: $i-partners; + } +} +.i-contact { + &:before { + content: $i-contact; + } +} +.i-forums { + &:before { + content: $i-forums; + } +} +.i-github { + &:before { + content: $i-github; + } +} +.i-support { + &:before { + content: $i-support; + } +} +.i-collaborating { + &:before { + content: $i-collaborating; + } +} +.i-compare { + &:before { + content: $i-compare; + } +} +.i-themes { + &:before { + content: $i-themes; + } +} +.i-translate { + &:before { + content: $i-translate; + } +} +.i-release { + &:before { + content: $i-release; + } +} +.i-v12 { + &:before { + content: $i-v12; + } +} +.i-v13 { + &:before { + content: $i-v13; + } +} +.i-v14 { + &:before { + content: $i-v14; + } +} +.i-info { + &:before { + content: $i-info; + } +} +.i-warning { + &:before { + content: $i-warning; + } +} +.i-danger { + &:before { + content: $i-danger; + } +} +.i-note { + &:before { + content: $i-note; + } +} +.i-exercise { + &:before { + content: $i-exercise; + } +} +.i-lightbulb { + &:before { + content: $i-lightbulb; + } +} +.i-check { + &:before { + content: $i-check; + } +} +.i-edit { + &:before { + content: $i-edit; + } +} \ No newline at end of file diff --git a/extensions/odoo_theme/static/scss/_mixins.scss b/extensions/odoo_theme/static/scss/_mixins.scss index 1ea6b86fd..473287eaa 100644 --- a/extensions/odoo_theme/static/scss/_mixins.scss +++ b/extensions/odoo_theme/static/scss/_mixins.scss @@ -112,8 +112,7 @@ @mixin inline-icomoon($icon-content, $margin) { content: '#{$icon-content}'; font-family: '#{$icomoon-font-family}' !important; - font-size: 1.8rem; - line-height: 1rem; + font-size: 1.5rem; font-weight: $fw_regular; vertical-align: middle; margin: $margin; diff --git a/extensions/odoo_theme/static/scss/_sphinx_basic.scss b/extensions/odoo_theme/static/scss/_sphinx_basic.scss new file mode 100644 index 000000000..74c82fc78 --- /dev/null +++ b/extensions/odoo_theme/static/scss/_sphinx_basic.scss @@ -0,0 +1,788 @@ +/* + * basic.css + * ~~~~~~~~~ + * + * Sphinx stylesheet -- basic theme. + * + * :copyright: Copyright 2007-2021 by the Sphinx team, see AUTHORS. + * :license: BSD, see LICENSE for details. + * + */ + +/* -- main layout ----------------------------------------------------------- */ + +div.clearer { + clear: both; +} + +div.section::after { + display: block; + content: ''; + clear: left; +} + +/* -- relbar ---------------------------------------------------------------- */ + +div.related { + width: 100%; + font-size: 90%; +} + +div.related h3 { + display: none; +} + +div.related ul { + margin: 0; + padding: 0 0 0 10px; + list-style: none; +} + +div.related li { + display: inline; +} + +div.related li.right { + float: right; + margin-right: 5px; +} + +/* -- search page ----------------------------------------------------------- */ + +ul.search { + margin: 10px 0 0 20px; + padding: 0; +} + +ul.search li { + padding: 5px 0 5px 20px; + background-image: url(file.png); + background-repeat: no-repeat; + background-position: 0 7px; +} + +ul.search li a { + font-weight: bold; +} + +ul.search li p.context { + color: #888; + margin: 2px 0 0 30px; + text-align: left; +} + +ul.keywordmatches li.goodmatch a { + font-weight: bold; +} + +/* -- index page ------------------------------------------------------------ */ + +table.contentstable { + width: 90%; + margin-left: auto; + margin-right: auto; +} + +table.contentstable p.biglink { + line-height: 150%; +} + +a.biglink { + font-size: 1.3em; +} + +span.linkdescr { + font-style: italic; + padding-top: 5px; + font-size: 90%; +} + +/* -- general index --------------------------------------------------------- */ + +table.indextable { + width: 100%; +} + +table.indextable td { + text-align: left; + vertical-align: top; +} + +table.indextable ul { + margin-top: 0; + margin-bottom: 0; + list-style-type: none; +} + +table.indextable > tbody > tr > td > ul { + padding-left: 0em; +} + +table.indextable tr.pcap { + height: 10px; +} + +table.indextable tr.cap { + margin-top: 10px; + background-color: #f2f2f2; +} + +img.toggler { + margin-right: 3px; + margin-top: 3px; + cursor: pointer; +} + +div.modindex-jumpbox { + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; + margin: 1em 0 1em 0; + padding: 0.4em; +} + +div.genindex-jumpbox { + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; + margin: 1em 0 1em 0; + padding: 0.4em; +} + +/* -- domain module index --------------------------------------------------- */ + +table.modindextable td { + padding: 2px; + border-collapse: collapse; +} + +/* -- general body styles --------------------------------------------------- */ + +/* div.body { + min-width: {{ theme_body_min_width|todim }}; + max-width: {{ theme_body_max_width|todim }}; +} */ + +div.body p, div.body dd, div.body li, div.body blockquote { + -moz-hyphens: auto; + -ms-hyphens: auto; + -webkit-hyphens: auto; + hyphens: auto; +} + + +a.brackets:before, +span.brackets > a:before{ + content: "["; +} + +a.brackets:after, +span.brackets > a:after { + content: "]"; +} + +h1:hover > a.headerlink, +h2:hover > a.headerlink, +h3:hover > a.headerlink, +h4:hover > a.headerlink, +h5:hover > a.headerlink, +h6:hover > a.headerlink, +dt:hover > a.headerlink, +caption:hover > a.headerlink, +p.caption:hover > a.headerlink, +div.code-block-caption:hover > a.headerlink { + visibility: visible; +} + +div.body p.caption { + text-align: inherit; +} + +div.body td { + text-align: left; +} + +.first { + margin-top: 0 !important; +} + +p.rubric { + margin-top: 30px; + font-weight: bold; +} + +img.align-left, .figure.align-left, object.align-left { + clear: left; + float: left; + margin-right: 1em; +} + +img.align-right, .figure.align-right, object.align-right { + clear: right; + float: right; + margin-left: 1em; +} + +img.align-center, .figure.align-center, object.align-center { + display: block; + margin-left: auto; + margin-right: auto; +} + +img.align-default, .figure.align-default { + display: block; + margin-left: auto; + margin-right: auto; +} + +.align-left { + text-align: left; +} + +.align-center { + text-align: center; +} + +.align-default { + text-align: center; +} + +.align-right { + text-align: right; +} + +/* -- sidebars -------------------------------------------------------------- */ + +div.sidebar { + margin: 0 0 0.5em 1em; + border: 1px solid #ddb; + padding: 7px; + background-color: #ffe; + width: 40%; + float: right; + clear: right; + overflow-x: auto; +} + +p.sidebar-title { + font-weight: bold; +} + +div.admonition, div.topic, blockquote { + clear: left; +} + +/* -- topics ---------------------------------------------------------------- */ + +div.topic { + border: 1px solid #ccc; + padding: 7px; + margin: 10px 0 10px 0; +} + +p.topic-title { + font-size: 1.1em; + font-weight: bold; + margin-top: 10px; +} + +/* -- admonitions ----------------------------------------------------------- */ + +div.admonition { + margin-top: 10px; + margin-bottom: 10px; + padding: 7px; +} + +div.admonition dt { + font-weight: bold; +} + +p.admonition-title { + margin: 0px 10px 5px 0px; + font-weight: bold; +} + +div.body p.centered { + text-align: center; + margin-top: 25px; +} + +/* -- content of sidebars/topics/admonitions -------------------------------- */ + +div.sidebar > :last-child, +div.topic > :last-child, +div.admonition > :last-child { + margin-bottom: 0; +} + +div.sidebar::after, +div.topic::after, +div.admonition::after, +blockquote::after { + display: block; + content: ''; + clear: both; +} + +/* -- tables ---------------------------------------------------------------- */ + +table.docutils { + margin-top: 10px; + margin-bottom: 10px; + border: 0; + border-collapse: collapse; +} + +table.align-center { + margin-left: auto; + margin-right: auto; +} + +table.align-default { + margin-left: auto; + margin-right: auto; +} + +table caption span.caption-number { + font-style: italic; +} + +table caption span.caption-text { +} + +table.docutils td, table.docutils th { + padding: 1px 8px 1px 5px; + border-top: 0; + border-left: 0; + border-right: 0; + border-bottom: 1px solid #aaa; +} + +table.footnote td, table.footnote th { + border: 0 !important; +} + +th { + text-align: left; + padding-right: 5px; +} + +table.citation { + border-left: solid 1px gray; + margin-left: 1px; +} + +table.citation td { + border-bottom: none; +} + +th > :first-child, +td > :first-child { + margin-top: 0px; +} + +th > :last-child, +td > :last-child { + margin-bottom: 0px; +} + +/* -- figures --------------------------------------------------------------- */ + +div.figure { + margin: 0.5em; + padding: 0.5em; +} + +div.figure p.caption { + padding: 0.3em; +} + +div.figure p.caption span.caption-number { + font-style: italic; +} + +div.figure p.caption span.caption-text { +} + +/* -- field list styles ----------------------------------------------------- */ + +table.field-list td, table.field-list th { + border: 0 !important; +} + +.field-list ul { + margin: 0; + padding-left: 1em; +} + +.field-list p { + margin: 0; +} + +.field-name { + -moz-hyphens: manual; + -ms-hyphens: manual; + -webkit-hyphens: manual; + hyphens: manual; +} + +/* -- hlist styles ---------------------------------------------------------- */ + +table.hlist { + margin: 1em 0; +} + +table.hlist td { + vertical-align: top; +} + + +/* -- other body styles ----------------------------------------------------- */ + +ol.arabic { + list-style: decimal; +} + +ol.loweralpha { + list-style: lower-alpha; +} + +ol.upperalpha { + list-style: upper-alpha; +} + +ol.lowerroman { + list-style: lower-roman; +} + +ol.upperroman { + list-style: upper-roman; +} + +:not(li) > ol > li:first-child > :first-child, +:not(li) > ul > li:first-child > :first-child { + margin-top: 0px; +} + +:not(li) > ol > li:last-child > :last-child, +:not(li) > ul > li:last-child > :last-child { + margin-bottom: 0px; +} + +ol.simple ol p, +ol.simple ul p, +ul.simple ol p, +ul.simple ul p { + margin-top: 0; +} + +ol.simple > li:not(:first-child) > p, +ul.simple > li:not(:first-child) > p { + margin-top: 0; +} + +ol.simple p, +ul.simple p { + margin-bottom: 0; +} + +dl.footnote > dt, +dl.citation > dt { + float: left; + margin-right: 0.5em; +} + +dl.footnote > dd, +dl.citation > dd { + margin-bottom: 0em; +} + +dl.footnote > dd:after, +dl.citation > dd:after { + content: ""; + clear: both; +} + +dl.field-list { + display: grid; + grid-template-columns: fit-content(30%) auto; +} + +dl.field-list > dt { + font-weight: bold; + word-break: break-word; + padding-left: 0.5em; + padding-right: 5px; +} + +dl.field-list > dt:after { + content: ":"; +} + +dl.field-list > dd { + padding-left: 0.5em; + margin-top: 0em; + margin-left: 0em; + margin-bottom: 0em; +} + +dl { + margin-bottom: 15px; +} + +dd > :first-child { + margin-top: 0px; +} + +dd ul, dd table { + margin-bottom: 10px; +} + +dd { + margin-top: 3px; + margin-bottom: 10px; + margin-left: 30px; +} + +dl > dd:last-child, +dl > dd:last-child > :last-child { + margin-bottom: 0; +} + +dt:target, span.highlighted { + background-color: #fbe54e; +} + +rect.highlighted { + fill: #fbe54e; +} + +dl.glossary dt { + font-weight: bold; + font-size: 1.1em; +} + +.optional { + font-size: 1.3em; +} + +.sig-paren { + font-size: larger; +} + +.versionmodified { + font-style: italic; +} + +.system-message { + background-color: #fda; + padding: 5px; + border: 3px solid red; +} + +.footnote:target { + background-color: #ffa; +} + +.line-block { + display: block; + margin-top: 1em; + margin-bottom: 1em; +} + +.line-block .line-block { + margin-top: 0; + margin-bottom: 0; + margin-left: 1.5em; +} + +.guilabel, .menuselection { + font-family: sans-serif; +} + +.accelerator { + text-decoration: underline; +} + +.classifier { + font-style: oblique; +} + +.classifier:before { + font-style: normal; + margin: 0.5em; + content: ":"; +} + +abbr, acronym { + border-bottom: dotted 1px; + cursor: help; +} + +/* -- code displays --------------------------------------------------------- */ + +pre { + overflow: auto; + overflow-y: hidden; /* fixes display issues on Chrome browsers */ +} + +pre, div[class*="highlight-"] { + clear: both; +} + +span.pre { + -moz-hyphens: none; + -ms-hyphens: none; + -webkit-hyphens: none; + hyphens: none; +} + +div[class*="highlight-"] { + margin: 1em 0; +} + +td.linenos pre { + border: 0; + background-color: transparent; + color: #aaa; +} + +table.highlighttable { + display: block; +} + +table.highlighttable tbody { + display: block; +} + +table.highlighttable tr { + display: flex; +} + +table.highlighttable td { + margin: 0; + padding: 0; +} + +table.highlighttable td.linenos { + padding-right: 0.5em; +} + +table.highlighttable td.code { + flex: 1; + overflow: hidden; +} + +.highlight .hll { + display: block; +} + +div.highlight pre, +table.highlighttable pre { + margin: 0; +} + +div.code-block-caption + div { + margin-top: 0; +} + +div.code-block-caption { + margin-top: 1em; + padding: 2px 5px; + font-size: small; +} + +div.code-block-caption code { + background-color: transparent; +} + +table.highlighttable td.linenos, +span.linenos, +div.doctest > div.highlight span.gp { /* gp: Generic.Prompt */ + user-select: none; +} + +div.code-block-caption span.caption-number { + padding: 0.1em 0.3em; + font-style: italic; +} + +div.code-block-caption span.caption-text { +} + +div.literal-block-wrapper { + margin: 1em 0; +} + +code.descname { + background-color: transparent; + font-weight: bold; + font-size: 1.2em; +} + +code.descclassname { + background-color: transparent; +} + +code.xref, a code { + background-color: transparent; + font-weight: bold; +} + +h1 code, h2 code, h3 code, h4 code, h5 code, h6 code { + background-color: transparent; +} + +.viewcode-link { + float: right; +} + +.viewcode-back { + float: right; + font-family: sans-serif; +} + +div.viewcode-block:target { + margin: -1px -10px; + padding: 0 10px; +} + +/* -- math display ---------------------------------------------------------- */ + +img.math { + vertical-align: middle; +} + +div.body div.math p { + text-align: center; +} + +span.eqno { + float: right; +} + +span.eqno a.headerlink { + position: absolute; + z-index: 1; +} + +div.math:hover a.headerlink { + visibility: visible; +} + +/* -- printout stylesheet --------------------------------------------------- */ + +@media print { + div.document, + div.documentwrapper, + div.bodywrapper { + margin: 0 !important; + width: 100%; + } + + div.sphinxsidebar, + div.related, + div.footer, + #top-link { + display: none; + } +} diff --git a/extensions/odoo_theme/static/scss/_typography.scss b/extensions/odoo_theme/static/scss/_typography.scss index 0fd351630..aebcce169 100644 --- a/extensions/odoo_theme/static/scss/_typography.scss +++ b/extensions/odoo_theme/static/scss/_typography.scss @@ -2,6 +2,10 @@ // Typography // ============================================================================= +//------------------------------------------------------------------------------ +// Fonts +//------------------------------------------------------------------------------ + @font-face { font-family: '#{$icomoon-font-family}'; src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?6i2y1w'); @@ -90,14 +94,3 @@ a { .fw_black { font-weight: $fw_black; } - -//------------------------------------------------------------------------------ -// Text colors -//------------------------------------------------------------------------------ -.text-heading { color: o-color('o-cc1-headings'); } -// .text-default { color: $body-color; } - -// Overwrite bootstrap_review.scss rule. -// .card-body .text-muted { -// color: $text-muted !important; -// } diff --git a/extensions/odoo_theme/static/scss/_variables.scss b/extensions/odoo_theme/static/scss/_variables.scss index 25295118c..f16f98e97 100644 --- a/extensions/odoo_theme/static/scss/_variables.scss +++ b/extensions/odoo_theme/static/scss/_variables.scss @@ -161,24 +161,9 @@ $fw_black: 900; // Colors //------------------------------------------------------------------------------ -$o-color-palettes: ( - ( - 'o-color-1': #00a09d, - 'o-color-2': #875a7b, - 'o-color-3': #9ba6b0, - 'o-color-4': #ffffff, - 'o-color-5': #000000, - - 'o-cc1-text': '800', - 'o-cc1-headings': '900', - 'o-cc1-link': 'o-color-2', - - 'footer': '900', - ), -); - -$o-violet-dark: #875a7b; -$o-violet-darker: #603c5e; +$o-violet: #875a7b; +$o-violet-dark: #7A436B; +$o-violet-darkest: #64305E; $o-inverse-lightest: #98a6b0; $o-inverse-light: #8b979f; @@ -187,7 +172,7 @@ $o-inverse-dark: #5b7687; $o-inverse-darker: #485761; $color-alpha: #00A19B; -$color-alpha-dark: #00615F; +$color-alpha-dark: #00807D; $color-alpha-light: #26d1af; $color-alpha-lightest: #2aebc4; @@ -222,10 +207,10 @@ $gray-darker: #282F33; $gray-darkest: shade-color($gray-darker, 30%); -$primary: #00A19B; -$secondary: #603c5e; +$primary: $color-alpha-dark; +$secondary: $o-violet-dark; -$brand-primary : $o-violet-dark; +$brand-primary : $o-violet; $brand-success : #50AF51; $brand-info: #4B9EB6; $brand-warning : #F0AD4E; @@ -237,47 +222,7 @@ $doc_exercise: #938E94; $doc_code-bg: $gray-darker; $doc_lime: #CDDC39; $doc_orange: #FF5722; -$doc_cyan: #00A19B; - -$o-theme-color-palettes: ( - ( - 'default': #adb5bd, // 500 - - 'violet-dark': $o-violet-dark, - 'violet-darker': $o-violet-darker, - - 'inverse-lightest': $o-inverse-lightest, - 'inverse-light': $o-inverse-light, - 'inverse': $o-inverse, - 'inverse-dark': $o-inverse-dark, - 'inverse-darker': $o-inverse-darker, - - 'alpha': $color-alpha, - 'alpha-dark': $color-alpha-dark, - 'alpha-light': $color-alpha-light, - 'alpha-lightest': $color-alpha-lightest, - - 'beta': $color-beta, - 'beta-dark': $color-beta-dark, - 'beta-light': $color-beta-light, - 'beta-lightest': $color-beta-lightest, - - 'gamma': $color-gamma, - 'gamma-dark': $color-gamma-dark, - 'gamma-light': $color-gamma-light, - 'gamma-lightest': $color-gamma-lightest, - - 'delta': $color-delta, - 'delta-dark': $color-delta-dark, - 'delta-light': $color-delta-light, - 'delta-lightest': $color-delta-lightest, - - 'epsilon': $color-epsilon, - 'epsilon-dark': $color-epsilon-dark, - 'epsilon-light': $color-epsilon-light, - 'epsilon-lightest': $color-epsilon-lightest, - ), -); +$doc_cyan: $color-alpha; //------------------------------------------------------------------------------ // Misc @@ -303,73 +248,86 @@ $o-ease: cubic-bezier(.55,0,.1,1); $icomoon-font-family: "icomoon" !default; $icomoon-font-path: "fonts" !default; -$i-accountant: "\e900"; -$i-advanced: "\e901"; -$i-app_features: "\e902"; -$i-app-favorites: "\e903"; +$i-arrow-up: "\e948"; +$i-arrow-down: "\e945"; +$i-arrow-left: "\e946"; +$i-arrow-right: "\e947"; +$i-chevron-up: "\e94c"; +$i-chevron-down: "\e949"; +$i-chevron-left: "\e94a"; +$i-chevron-right: "\e94b"; +$i-link: "\e94f"; +$i-websites: "\e944"; +$i-sales: "\e953"; +$i-sales_2: "\e931"; +$i-marketing: "\e922"; $i-apps_1: "\e904"; $i-apps_2: "\e905"; +$i-app_features: "\e902"; +$i-app-favorites: "\e903"; $i-basics: "\e906"; $i-cart: "\e907"; -$i-certifications: "\e908"; -$i-check: "\e909"; -$i-collaborating: "\e90a"; -$i-compare: "\e90b"; -$i-contact: "\e90c"; +$i-shop: "\e937"; +$i-accountant: "\e900"; $i-customer-reviews: "\e90d"; +$i-hr: "\e91c"; $i-developer: "\e90e"; +$i-users: "\e93f"; $i-doc-admin: "\e90f"; $i-doc-apps: "\e910"; $i-doc-contribute: "\e911"; $i-doc-dev: "\e912"; $i-doc-services: "\e913"; $i-documentation: "\e914"; +$i-scaleup: "\e934"; +$i-knowledge: "\e920"; +$i-tutorial: "\e93e"; $i-elearning_1: "\e915"; $i-elearning_2: "\e916"; -$i-events: "\e917"; -$i-exercise: "\e918"; -$i-finances: "\e919"; -$i-forums: "\e91a"; -$i-github: "\e91b"; -$i-hr: "\e91c"; -$i-info: "\e91d"; $i-install: "\e91e"; +$i-o-edu: "\e926"; +$i-certifications: "\e908"; +$i-events: "\e917"; +$i-showcase: "\e938"; $i-jobs: "\e91f"; -$i-knowledge: "\e920"; -$i-lightbulb: "\e921"; -$i-marketing: "\e922"; +$i-finances: "\e919"; $i-money-bag: "\e923"; $i-money-plant: "\e924"; -$i-note: "\e925"; -$i-o-edu: "\e926"; $i-o-help: "\e927"; $i-o-logo: "\e928"; $i-o-services: "\e929"; $i-o-tour: "\e92a"; +$i-services: "\e936"; $i-operations_1: "\e92b"; $i-operations_2: "\e92c"; -$i-overview: "\e92d"; -$i-partners: "\e92e"; $i-performance: "\e92f"; -$i-release: "\e930"; -$i-sales_2: "\e931"; -$i-sales_3: "\e932"; -$i-sales_1: "\e933"; -$i-scaleup: "\e934"; -$i-search: "\e935"; -$i-services: "\e936"; -$i-shop: "\e937"; -$i-showcase: "\e938"; -$i-support: "\e939"; -$i-themes: "\e93a"; $i-time-management_2: "\e93b"; $i-time-management: "\e93c"; +$i-advanced: "\e901"; +$i-search: "\e935"; +$i-overview: "\e92d"; +$i-view: "\e952"; +$i-view-more: "\e950"; +$i-view-next: "\e951"; +$i-partners: "\e92e"; +$i-contact: "\e90c"; +$i-forums: "\e91a"; +$i-github: "\e91b"; +$i-support: "\e939"; +$i-collaborating: "\e90a"; +$i-compare: "\e90b"; +$i-themes: "\e93a"; $i-translate: "\e93d"; -$i-tutorial: "\e93e"; -$i-users: "\e93f"; +$i-release: "\e930"; $i-v12: "\e940"; $i-v13: "\e941"; $i-v14: "\e942"; +$i-info: "\e91d"; $i-warning: "\e943"; -$i-websites: "\e944"; +$i-danger: "\e94d"; +$i-note: "\e925"; +$i-exercise: "\e918"; +$i-lightbulb: "\e921"; +$i-check: "\e909"; +$i-edit: "\e932"; diff --git a/extensions/odoo_theme/static/scss/bootstrap_overridden.scss b/extensions/odoo_theme/static/scss/bootstrap_overridden.scss index fdbd68abe..72e5ea130 100644 --- a/extensions/odoo_theme/static/scss/bootstrap_overridden.scss +++ b/extensions/odoo_theme/static/scss/bootstrap_overridden.scss @@ -3,7 +3,7 @@ // // The contrast ratio value that determines when the lightness of color changes from "dark" to "light". Acceptable values are 3 , 4.5 and 7. -$min-contrast-ratio: 3; +/* $min-contrast-ratio: 4.5; */ // Components // $enable-shadows : true; @@ -21,20 +21,26 @@ $border-radius-sm: 1rem / 16 !default; // Font, line-height, and color for body text, headings, and more. $font-size-base: 0.875rem; -$body-color: $gray-dark; - $line-height-base: 1.45 !default; -$h1-font-size: $font-size-base * (39 / 15) !default; + +$h1-font-size: $font-size-base * 2.5 !default; +$h2-font-size: $font-size-base * 2 !default; +$h3-font-size: $font-size-base * 1.75 !default; +$h4-font-size: $font-size-base * 1.5 !default; +$h5-font-size: $font-size-base * 1.25 !default; +$h6-font-size: $font-size-base !default; + +/* $h1-font-size: $font-size-base * (39 / 15) !default; $h2-font-size: $font-size-base * (32 / 15) !default; $h3-font-size: $font-size-base * (26 / 15) !default; $h4-font-size: $font-size-base * (19 / 15) !default; $h5-font-size: $font-size-base * (15 / 15) !default; -$h6-font-size: $font-size-base * (13 / 15) !default; +$h6-font-size: $font-size-base * (13 / 15) !default; */ -$headings-font-weight: $fw_semibold !default; +/* $headings-font-weight: $fw_semibold !default; */ -$display1-size: 5.5rem * 10 / 16 !default; +/* $display1-size: 5.5rem * 10 / 16 !default; $display2-size: 4.5rem * 10 / 16 !default; $display3-size: 3.5rem * 10 / 16 !default; $display4-size: 3rem * 10 / 16 !default; @@ -42,11 +48,11 @@ $display4-size: 3rem * 10 / 16 !default; $display1-weight: $fw_semibold !default; $display2-weight: $fw_semibold !default; $display3-weight: $fw_semibold !default; -$display4-weight: $fw_semibold !default; +$display4-weight: $fw_semibold !default; */ $display-line-height: 1; -$blockquote-font-size: $font-size-base !default; +/* $blockquote-font-size: $font-size-base !default; */ // Buttons // @@ -56,7 +62,7 @@ $btn-font-weight: $fw_semibold; // Badges -$badge-font-size: 0.9em; +/* $badge-font-size: 0.9em; */ // Pagination diff --git a/extensions/odoo_theme/static/style.scss b/extensions/odoo_theme/static/style.scss index 8893e7a2f..4886ad786 100644 --- a/extensions/odoo_theme/static/style.scss +++ b/extensions/odoo_theme/static/style.scss @@ -1,376 +1,10 @@ +@import "scss/_sphinx_basic"; @import "scss/_variables"; @import "scss/bootstrap_overridden"; @import "scss/bootstrap_scss/bootstrap"; @import "scss/_mixins"; @import "scss/_typography"; - -// TODO EDI remove -aside#o_page_toc .active > a{ - background-color: red; -} - -//------------------------------------------------------------------------------ -// icomoon icons -//------------------------------------------------------------------------------ - -[class^="i-"], [class*=" i-"] { - /* use !important to prevent issues with browser extensions that change fonts */ - font-family: '#{$icomoon-font-family}' !important; - speak: never; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; -} - -.i-accountant { - &:before { - content: $i-accountant; - } -} -.i-advanced { - &:before { - content: $i-advanced; - } -} -.i-app_features { - &:before { - content: $i-app_features; - } -} -.i-app-favorites { - &:before { - content: $i-app-favorites; - } -} -.i-apps_1 { - &:before { - content: $i-apps_1; - } -} -.i-apps_2 { - &:before { - content: $i-apps_2; - } -} -.i-basics { - &:before { - content: $i-basics; - } -} -.i-cart { - &:before { - content: $i-cart; - } -} -.i-certifications { - &:before { - content: $i-certifications; - } -} -.i-check { - &:before { - content: $i-check; - } -} -.i-collaborating { - &:before { - content: $i-collaborating; - } -} -.i-compare { - &:before { - content: $i-compare; - } -} -.i-contact { - &:before { - content: $i-contact; - } -} -.i-customer-reviews { - &:before { - content: $i-customer-reviews; - } -} -.i-developer { - &:before { - content: $i-developer; - } -} -.i-doc-admin { - &:before { - content: $i-doc-admin; - } -} -.i-doc-apps { - &:before { - content: $i-doc-apps; - } -} -.i-doc-contribute { - &:before { - content: $i-doc-contribute; - } -} -.i-doc-dev { - &:before { - content: $i-doc-dev; - } -} -.i-doc-services { - &:before { - content: $i-doc-services; - } -} -.i-documentation { - &:before { - content: $i-documentation; - } -} -.i-elearning_1 { - &:before { - content: $i-elearning_1; - } -} -.i-elearning_2 { - &:before { - content: $i-elearning_2; - } -} -.i-events { - &:before { - content: $i-events; - } -} -.i-exercise { - &:before { - content: $i-exercise; - } -} -.i-finances { - &:before { - content: $i-finances; - } -} -.i-forums { - &:before { - content: $i-forums; - } -} -.i-github { - &:before { - content: $i-github; - } -} -.i-hr { - &:before { - content: $i-hr; - } -} -.i-info { - &:before { - content: $i-info; - } -} -.i-install { - &:before { - content: $i-install; - } -} -.i-jobs { - &:before { - content: $i-jobs; - } -} -.i-knowledge { - &:before { - content: $i-knowledge; - } -} -.i-lightbulb { - &:before { - content: $i-lightbulb; - } -} -.i-marketing { - &:before { - content: $i-marketing; - } -} -.i-money-bag { - &:before { - content: $i-money-bag; - } -} -.i-money-plant { - &:before { - content: $i-money-plant; - } -} -.i-note { - &:before { - content: $i-note; - } -} -.i-o-edu { - &:before { - content: $i-o-edu; - } -} -.i-o-help { - &:before { - content: $i-o-help; - } -} -.i-o-logo { - &:before { - content: $i-o-logo; - } -} -.i-o-services { - &:before { - content: $i-o-services; - } -} -.i-o-tour { - &:before { - content: $i-o-tour; - } -} -.i-operations_1 { - &:before { - content: $i-operations_1; - } -} -.i-operations_2 { - &:before { - content: $i-operations_2; - } -} -.i-overview { - &:before { - content: $i-overview; - } -} -.i-partners { - &:before { - content: $i-partners; - } -} -.i-performance { - &:before { - content: $i-performance; - } -} -.i-release { - &:before { - content: $i-release; - } -} -.i-sales_2 { - &:before { - content: $i-sales_2; - } -} -.i-sales_3 { - &:before { - content: $i-sales_3; - } -} -.i-sales_1 { - &:before { - content: $i-sales_1; - } -} -.i-scaleup { - &:before { - content: $i-scaleup; - } -} -.i-search { - &:before { - content: $i-search; - } -} -.i-services { - &:before { - content: $i-services; - } -} -.i-shop { - &:before { - content: $i-shop; - } -} -.i-showcase { - &:before { - content: $i-showcase; - } -} -.i-support { - &:before { - content: $i-support; - } -} -.i-themes { - &:before { - content: $i-themes; - } -} -.i-time-management_2 { - &:before { - content: $i-time-management_2; - } -} -.i-time-management { - &:before { - content: $i-time-management; - } -} -.i-translate { - &:before { - content: $i-translate; - } -} -.i-tutorial { - &:before { - content: $i-tutorial; - } -} -.i-users { - &:before { - content: $i-users; - } -} -.i-v12 { - &:before { - content: $i-v12; - } -} -.i-v13 { - &:before { - content: $i-v13; - } -} -.i-v14 { - &:before { - content: $i-v14; - } -} -.i-warning { - &:before { - content: $i-warning; - } -} -.i-websites { - &:before { - content: $i-websites; - } -} - - +@import "scss/_iconfont"; div[aria-label="related navigation"] { display: none; @@ -406,12 +40,9 @@ header.o_main_header{ padding-left: 3rem; margin-right: 3rem; > .o_logo { - height: $o-header-height; - display: flex; - align-items: center; img { - margin-top: -12px; - margin-right: 1rem; + margin-right: 0.2rem; + vertical-align: text-bottom; } span { font-size: 2rem; @@ -424,12 +55,11 @@ header.o_main_header{ width: 90%; max-width: 500px; .btn{ - @include o-position-absolute($top: 50%, $right: .5rem); + @include o-position-absolute($top: 50%, $right: 1rem); @include transform (translateY(-50%)) ; - &:before{ - @include inline-icon('img/icons/search.svg' , 20px, 0); - opacity: .3; - } + padding: 0; + font-size: 1.2rem; + color: $gray; } } .o_languages { @@ -471,9 +101,9 @@ header.o_main_header{ a{ display: block; padding: .5rem 0; - color: $o-violet-darker; + color: $o-violet-dark; text-decoration: none; - opacity: .5; + opacity: .75; &.current, &:hover { opacity: 1; } @@ -486,8 +116,7 @@ header.o_main_header{ > .toctree-l1 { > a:before { - @include inline-icomoon($i-doc-apps, 0 1rem 0 0); - margin-left: -30px; + @include inline-icomoon($i-doc-apps, 0 1rem 0 -30px); } &.o_menu_applications > a:before{ content:'#{$i-doc-apps}'; @@ -539,20 +168,21 @@ dt { // TODO EDI this makes permalinks only visible on hover. Please re-write and sort a.headerlink { - visibility: hidden; + visibility: hidden !important; + &:after { + @include inline-icomoon($i-link, 0 1rem 0 0); + visibility: hidden; + color: $gray-light; + opacity: 0; + transition: .1s + } } -h1:hover > a.headerlink, -h2:hover > a.headerlink, -h3:hover > a.headerlink, -h4:hover > a.headerlink, -h5:hover > a.headerlink, -h6:hover > a.headerlink, -dt:hover > a.headerlink, -caption:hover > a.headerlink, -p.caption:hover > a.headerlink, -div.code-block-caption:hover > a.headerlink { - visibility: visible; +h1, h2, h3, h4, h5, h6, dt, caption, p.caption, div.code-block-caption { + &:hover > a.headerlink:after{ + visibility: visible; + opacity: 1; + } } #wrap { @@ -568,14 +198,6 @@ div.code-block-caption:hover > a.headerlink { padding: 3rem; } - h1, h2{ - font-size: 24px; - font-weight: $fw_semibold; - } - h1 { - color: $secondary; - } - &.index, &.doc-toc, &.has_code_col { @include media-breakpoint-up(lg) { width: calc(100vw - #{$o-side-nav-width}); @@ -586,28 +208,29 @@ div.code-block-caption:hover > a.headerlink { &.index{ h2[class*="o_title_"] { - color: $o-violet-darker; + color: $o-violet-dark; font-weight: $fw_bold; margin-bottom: 1rem; &:before { - @include inline-icon('img/icons/full-control.svg' , 50px, 0 1rem 0 0); + @include inline-icomoon($i-o-services , 0 1rem 0 0); display: block; + font-size: 50px; margin: 0 auto 20px; } &.o_title_start:before { - background-image: url('img/icons/full-control.svg'); + content: '#{$i-o-services}'; } &.o_title_install:before { - background-image: url('img/icons/install.svg'); + content: '#{$i-install}'; } &.o_title_basic:before { - background-image: url('img/icons/basic.svg'); + content: '#{$i-basics}'; } &.o_title_tutorial:before { - background-image: url('img/icons/tutorials.svg'); + content: '#{$i-elearning_1}'; } &.o_title_advanced:before { - background-image: url('img/icons/tech-knowledge.svg'); + content: '#{$i-advanced}'; } } ul { @@ -617,16 +240,9 @@ div.code-block-caption:hover > a.headerlink { padding-bottom: 1rem; a { display: block; - color: $gray-700; font-weight: $fw_bold; padding-bottom: .5rem; } - p { - color: $gray-500; - } - &:hover a, &:hover p { - color: $primary; - } } } } @@ -747,35 +363,33 @@ div.code-block-caption:hover > a.headerlink { position: relative; .o_git_link { - color: $gray-light; + color: $gray; @include o-position-absolute($top: 0, $right: 1rem); - - &:before{ - @include inline-icon('img/icons/edit.svg' , 18px, 0 .5rem 0 0); + i { + font-size: 1.2rem; + margin-right: .2rem; } } h1 { + color: $o-violet-dark; margin-bottom: 2rem; + max-width: calc(100% - 120px); } - h2 { + h2 { color: $gray-darker; padding-bottom: .5rem; border-bottom: 1px solid $gray-light; - margin-bottom: 2rem; - margin-top: 2rem; - - &::after{ - @include inline-icon('img/icons/link.svg' , 24px, 0 0 0 1rem); - } + /* margin-bottom: 2rem; + margin-top: 2rem; */ } - h3 { + /* h3 { font-size: 20px; - font-weight: regular; + font-weight: $fw_regular; color: $gray-darker; - } + } */ .img-fluid { @include box-shadow(0 3px 6px rgba(0, 0, 0, .16)); @@ -808,7 +422,7 @@ div.code-block-caption:hover > a.headerlink { font-weight: $fw_bold; &:before { - @include inline-icomoon($i-info, 0 .5rem 0 0); + @include inline-icomoon($i-info, 0 .2rem 0 0); @include media-breakpoint-down(md) { display:none; } @@ -877,7 +491,7 @@ div.code-block-caption:hover > a.headerlink { color: darken($brand-warning, 35%); > .alert-title, > h3 { - color: $warning; + color: $brand-warning; } > .alert-title:before, > h3:before { @@ -895,7 +509,7 @@ div.code-block-caption:hover > a.headerlink { } > .alert-title:before, > h3:before { - content: '#{$i-warning}'; + content: '#{$i-danger}'; } } @@ -929,7 +543,7 @@ div.code-block-caption:hover > a.headerlink { } > .alert-title:before, > h3:before { - content: '#{$i-overview}'; + content: '#{$i-view-more}'; } } } @@ -952,16 +566,10 @@ div.code-block-caption:hover > a.headerlink { height: calc(100% - #{$o-header-height}); padding: 3rem 3rem 3rem 1rem; font-size: .9rem; + } - /* &.affix { - z-index : 2; - position : fixed; - backface-visibility: hidden; - - // @media (max-width:$screen-md-min) { - // display: none; - // } - } */ + .o_page_toc_nav > ul { + padding-left: 0; } h3 { @@ -971,14 +579,6 @@ div.code-block-caption:hover > a.headerlink { color: $gray-darker; } - > ul { - padding-left: 0; - - > li > .o_page_toc_title { - display:none; - } - } - ul { list-style: none; @@ -990,23 +590,30 @@ div.code-block-caption:hover > a.headerlink { &.o_page_toc_title { display:none; + + ul { + padding-left: 0; + } } } } + .active > a{ + font-weight: $fw_bold; + } } } -.highlight { +/* .highlight { background: $doc_code-bg; color: $gray-light; border-radius: $border-radius; padding: 1rem; - margin-bottom: ($line-height-base/2)rem; + margin-bottom: ($line-height-base/2)*1rem; pre { margin-bottom: 0; } -} +} */ +/* pre { font-size: 0.8em; @@ -1020,6 +627,7 @@ pre { margin: 0; margin-bottom: ($line-height-base / 2)rem; } + */ //------------------------------------------------------------------------------ // Footer @@ -1043,10 +651,6 @@ footer{ font-size: 20px; font-weight: $fw_bold; margin-bottom: 1.5rem; - - &::before { - @include inline-icon('img/icons/help.svg' , 30px, 0 1rem 0 0); - } } } @@ -1067,8 +671,7 @@ footer{ } .accordion-body { - background: $gray-lightest; - border-bottom: 1px solid tint-color($primary, 50%); + background: $gray-100; > li > a { font-weight: $fw-regular; }