diff --git a/modules/footer.raw b/modules/footer.raw index d6435c1..ef3663b 100644 --- a/modules/footer.raw +++ b/modules/footer.raw @@ -35,24 +35,25 @@ page d'accueil.

- - - - - + + diff --git a/template/styles.css b/template/styles.css index 4e45519..80cb0ba 100644 --- a/template/styles.css +++ b/template/styles.css @@ -58,28 +58,28 @@ article#article { header#article_header {} img#article_logo { - display: inline; - vertical-align: middle; - max-width: 100%; - height: auto; - float: left; - margin-right: 1rem; + display: inline; + vertical-align: middle; + max-width: 100%; + height: auto; + float: left; + margin-right: 1rem; } h1#article_title { - font-size: 150%; - margin-top: 30px; - margin-bottom: 40px; + font-size: 150%; + margin-top: 30px; + margin-bottom: 40px; } a#article_title_link { - color: var(--a-lec_blue_darker); + color: var(--a-lec_blue_darker); } div#article_refs { - background-color: var(--a-lec_yellow); - float: right; - padding: 5px; - font-size: 82%; - margin-bottom: 10px; - margin-top: -3em; + background-color: var(--a-lec_yellow); + float: right; + padding: 5px; + font-size: 82%; + margin-bottom: 10px; + margin-top: -3em; } a#post_code { @@ -93,8 +93,8 @@ a#post_code { /* ! TOC */ h2.toc_title { - font-size: 100%; - color: #808080; + font-size: 100%; + color: #808080; } nav.toc {} ul.toc_items {} @@ -369,37 +369,87 @@ footer#footer { color: #FFF; height: 100%; } + div#footer_title { display: block; - font-size: 130%; + font-size: 150%; color: #FFF; font-weight: bold; - margin-top: 0px; + margin-top: 10px; margin-bottom: 10px; - margin-left: 0px; + padding: 20px; } div#footer_about_menu { - display: block; - margin-bottom: 10px; - border: 2px solid var(--a-lec_blue); - border-top : unset; - border-left: unset; - border-right: unset; - font-size: 90%; - padding: 15px; + display: flex; + flex-direction: row; + margin-bottom: 10px; + border-top : unset; + border-left: unset; + border-right: unset; + padding: 15px; +} +div#footer_about { + display: flex; + flex-basis: 80%; + justify-content: center; + align-items: center; +} + +p#footer_about_p { + font-size: 120%; + margin: 0px 0px 0px 0px; +} +p#footer_about_p a { + color: var(--a-lec_yellow); + font-weight: bold; +} +p#footer_about_p b { + color: var(--a-lec_blue); + font-weight: bold; +} + + +nav#footer_menu { + display: flex; + flex-basis: 30%; + justify-content: center; + align-items: center; } -div#footer_about {} -p#footer_about_p {} -nav#footer_menu {} ul#footer_items { color: var(--a-lec_yellow); } -li.footer_item {} -a.footer_item_link {} +li.footer_item { + text-align: justify; + margin-left: 0px; + margin-right: 0px; + padding: 0px; + list-style-type: none; +} +a.footer_item_link { + color: var(--a-lec_yellow); + font-weight: bold; +} +a.footer_item_link:hover { + color: #000; +} + div#footer_credit {} -p#footer_copyright {} -p#footer_tyto {} -a.footer_cr_link {} +p#footer_copyright { + text-align: center; + font-weight: bold; + margin-top: 5px; + margin-bottom: 5px; +} +p#footer_tyto { + text-align: center; + padding-bottom: 10px; + margin: auto; +} +a.footer_cr_link { + color: var(--a-lec_blue); + font-weight: bold; + +} /* ---------------------------------------------------------------------------- * Small screens