From 937fbf31ba744bacdf800d8478e8d30bcb1655d0 Mon Sep 17 00:00:00 2001 From: Christian Pierre MOMON Date: Fri, 22 Nov 2019 01:58:49 +0100 Subject: [PATCH] Splitted CSS in separted file. --- Chapril-banner/v2/chapril-banner.css | 129 +++++++++++++++++++++++++++ Chapril-banner/v2/index.html | 112 +---------------------- 2 files changed, 131 insertions(+), 110 deletions(-) create mode 100644 Chapril-banner/v2/chapril-banner.css diff --git a/Chapril-banner/v2/chapril-banner.css b/Chapril-banner/v2/chapril-banner.css new file mode 100644 index 0000000..b2d23b2 --- /dev/null +++ b/Chapril-banner/v2/chapril-banner.css @@ -0,0 +1,129 @@ +/* + ____ _ _ _ _ ____ ____ ____ + / ___| |__ __ _ _ __ _ __(_) | | |__ __ _ _ __ _ __ ___ _ __ / ___/ ___/ ___| +| | | '_ \ / _` | '_ \| '__| | | | '_ \ / _` | '_ \| '_ \ / _ \ '__| | | \___ \___ \ +| |___| | | | (_| | |_) | | | | | | |_) | (_| | | | | | | | __/ | | |___ ___) |__) | + \____|_| |_|\__,_| .__/|_| |_|_| |_.__/ \__,_|_| |_|_| |_|\___|_| \____|____/____/ + |_| +*/ + +body +{ + margin: 0; + padding: 0; +} + + +.chapril-banniere-Nav +{ + background-color: #005184; + font-family: 'dejavu_sanscondensed', sans-serif; + text-transform: uppercase; + font-size: small; + position: relative; + 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 +{ + color: #fff; + text-decoration: none; +} + +.chapril-banniere-Nav a:hover +{ + color: #ff9759; +} + +.chapril-banniere-Menu +{ + display: none; +} + +@media screen and (max-width: 800px) +{ + .chapril-banniere-Logo + { + padding-left: 10px; + } + + .chapril-banniere-Nav + { + display: block; + } + + .chapril-banniere-Menu + { + display: block; + } + + .chapril-banniere-Menu summary + { + height: 26px; + width: 30px; + display: block; + position: absolute; + top: 5px; + right: 10px; + border-radius: 2px; + border-style: solid; + border-width: 1px; + box-sizing: border-box; + border-color: #fff; + padding-left: 4px; + padding-top: 1px; + } + + .chapril-banniere-Menu summary + { + list-style: none; + } + + .chapril-banniere-Menu summary::-webkit-details-marker + { + display: none; + } + + .chapril-banniere-Menu summary span + { + display: block; + margin-top: 4px; + width: 20px; + height: 2px; + border-radius: 2px; + background-color: #fff; + } + + .chapril-banniere-Menu summary:hover + { + border-color: #ff9759; + cursor:pointer; + } + + .chapril-banniere-Menu summary:hover span + { + background-color: #ff9759; + } + + .chapril-banniere-Menu div + { + padding-top: 8px; + padding-bottom: 8px; + text-align: center; + background-color: #153a6a; + border-top: 1px solid #005184; + } + + .chapril-banniere-Entree + { + display: none; + } +} diff --git a/Chapril-banner/v2/index.html b/Chapril-banner/v2/index.html index 8be7c6e..68ef1f8 100644 --- a/Chapril-banner/v2/index.html +++ b/Chapril-banner/v2/index.html @@ -1,117 +1,9 @@ + Cha ronronne ! - - +