diff --git a/Chapril-banner/v2/chapril-banner.css b/Chapril-banner/v2/chapril-banner.css index c28de16..299805d 100644 --- a/Chapril-banner/v2/chapril-banner.css +++ b/Chapril-banner/v2/chapril-banner.css @@ -7,72 +7,82 @@ |_| */ -body -{ - margin: 0; - padding: 0; +body { + margin-top: 0; + padding-top: 42px !important; } - -.chapril-banniere-Nav -{ - background-color: #005184; - font-family: 'dejavu_sanscondensed', sans-serif; +.chapril-banniere-Entree { + font-family: sans-serif; text-transform: uppercase; font-size: small; - position: relative; +} + +.chapril-banniere-Logo { + display: flex; +} + +.chapril-banniere-Logo a { + padding-bottom: 4px; +} + +.chapril-banniere-Logo img { + display: block; + width: auto; + height: 28px; +} + +.chapril-banniere-Menu { + display: none; +} + +.chapril-banniere-Nav { + position: fixed; + top: 0; + left: 0; + right: 0; + min-height: 42px; + background-color: #005184; display: flex; justify-content: space-around; align-items: center; } -.chapril-banniere-Logo img -{ - width: auto; - height: 32px; -} - -.chapril-banniere-Nav a, .chapril-banniere-Nav a:visited -{ +.chapril-banniere-Nav a, .chapril-banniere-Nav a:visited { color: #fff; text-decoration: none; } -.chapril-banniere-Nav a:hover -{ +.chapril-banniere-Nav a:hover { color: #ff9759; } -.chapril-banniere-Menu -{ - display: none; -} -@media screen and (max-width: 800px) -{ - .chapril-banniere-Logo - { - padding-left: 10px; +@media screen and (max-width: 800px) { + + .chapril-banniere-Entree { + display: none; } - .chapril-banniere-Nav - { + .chapril-banniere-Logo { + padding-left: 12px; + } + + .chapril-banniere-Logo a { + padding-top: 5px; + } + + .chapril-banniere-Menu { display: block; } - .chapril-banniere-Menu - { - display: block; - } - - .chapril-banniere-Menu summary - { + .chapril-banniere-Menu summary { height: 26px; width: 30px; display: block; position: absolute; - top: 5px; - right: 10px; + top: 8px; + right: 12px; border-radius: 2px; border-style: solid; border-width: 1px; @@ -82,18 +92,15 @@ body padding-top: 1px; } - .chapril-banniere-Menu summary - { + .chapril-banniere-Menu summary { list-style: none; } - .chapril-banniere-Menu summary::-webkit-details-marker - { + .chapril-banniere-Menu summary::-webkit-details-marker { display: none; } - .chapril-banniere-Menu summary span - { + .chapril-banniere-Menu summary span { display: block; margin-top: 4px; width: 20px; @@ -102,40 +109,39 @@ body background-color: #fff; } - .chapril-banniere-Menu summary:hover - { + .chapril-banniere-Menu summary:hover { border-color: #ff9759; cursor:pointer; } - .chapril-banniere-Menu summary:hover span - { + .chapril-banniere-Menu summary:hover span { background-color: #ff9759; } - .chapril-banniere-Menu div - { + .chapril-banniere-Menu div { padding-top: 8px; padding-bottom: 8px; text-align: center; background-color: #153a6a; border-top: 1px solid #005184; + font-family: sans-serif; + text-transform: uppercase; + font-size: small; } - .chapril-banniere-Entree - { - display: none; - } + .chapril-banniere-Nav { + display: block; + } + } + /* Fixed Dokuwiki. */ -#dokuwiki__usertools -{ +#dokuwiki__usertools { top: 43px !important; } /* Fixed PAD. */ -#editorcontainerbox -{ +#editorcontainerbox { top: 43px !important; }