From df3612ed7e6691530503f79483d2fdbc032d01b8 Mon Sep 17 00:00:00 2001 From: polo-pc-greta Date: Thu, 27 Mar 2025 10:13:03 +0100 Subject: mise en ligne github --- public/css/body.css | 39 ++++++++++++++++ public/css/foot.css | 120 +++++++++++++++++++++++++++++++++++++++++++++++++ public/css/head.css | 59 ++++++++++++++++++++++++ public/css/main.css | 110 +++++++++++++++++++++++++++++++++++++++++++++ public/css/nav.css | 95 +++++++++++++++++++++++++++++++++++++++ public/css/tinymce.css | 6 +++ 6 files changed, 429 insertions(+) create mode 100644 public/css/body.css create mode 100644 public/css/foot.css create mode 100644 public/css/head.css create mode 100644 public/css/main.css create mode 100644 public/css/nav.css create mode 100644 public/css/tinymce.css (limited to 'public/css') diff --git a/public/css/body.css b/public/css/body.css new file mode 100644 index 0000000..87f71f2 --- /dev/null +++ b/public/css/body.css @@ -0,0 +1,39 @@ +body +{ + margin: auto; + max-width: 1200px; + /*width: 90%;*/ + font-family: sans; + background-color: #0cceec; +} + +#bloc_page +{} + + +.infobulle +{ + /*text-decoration: none;*/ + /* évite que l'infobulle ne se retrouve dans un coin de l'écran */ + /*position:relative;*/ + /* block -> hauteur fixe pour vertical-align dans l'image */ + /*display: inline-block;*/ + +} +/*.infobulle button +{ + + display: none; + position: absolute; + bottom: 35px; + left: 10px; +} +.infobulle:hover button +{ + display: inline; + +} +.infobulle img +{ + vertical-align: middle; +}*/ \ No newline at end of file diff --git a/public/css/foot.css b/public/css/foot.css new file mode 100644 index 0000000..ef3291d --- /dev/null +++ b/public/css/foot.css @@ -0,0 +1,120 @@ +/*-- pied de page --*/ +footer +{ + /*background-color: #279dc177;*/ + /*background-color: #13aff077;*/ + background-color: #B7E9FE; + /*width: 1200px;*/ + margin: auto; + +} +footer > div +{ + margin: auto; + max-width: 1200px; + display: flex; + justify-content: space-around; +} +.contact a +{ + color: unset; + border-bottom: 3px #13aff000 solid; /* bordure invisible */ +} +.contact a:hover +{ + /*background-color: #fadb11;*/ + text-decoration: none; + padding: 0 2px; + /*background-color: #13aff0ff; + border-bottom: 3px #fadb11 solid;*/ + background-color: #ffff00; + /*border-bottom: 2px #00a8f3 solid;*/ + border-bottom: 2px #ff1d04 solid; +} + + +/*-- fil d'ariane --*/ +.breadcrumb +{ + max-width: 45%; + /*margin-right: 10px;*/ + margin: 16px 0; /* = p */ + list-style: none; /* retirer les puces */ + font-size: small; + text-align: right; + font-weight: bold; +} +.breadcrumb img +{ + width: 12px; + vertical-align: middle; +} +.breadcrumb a img, .breadcrumb a span +{ + border-bottom: 2px #13aff000 solid; +} +.breadcrumb a img:hover, .breadcrumb a span:hover +{ + /*background-color: #13aff0; + border-bottom: 3px #fadb11 solid;*/ + background-color: #ffff00; + /*border-bottom: 2px #00a8f3 solid;*/ + border-bottom: 2px #ff1d04 solid; +} +/*.breadcrumb *:not(:last-child)::after +{ + content: "→"; + display: block; + margin: 0 3px; +}*/ +.breadcrumb a +{ + color: unset; /* ne plus hériter */ + text-decoration: none; +} + +/* zone admin */ +.logged_out +{ + /*display: none;*/ + justify-content: start; +} +.logged_out a +{ + color: black; + text-decoration: none; +} +.empty_admin_zone +{ + height: 32px; +} +.logged_in +{ + height: 32px; + width: 1200px; + margin: auto; + background-color: #ffff00; + position: fixed; + bottom: 0px; +} +.logged_in > p +{ + margin: 5px 0; + display: flex; + justify-content: space-around; +} +.logged_in button +{ + margin-left: 5px; + color: #ff1d04; + font-size: medium; + border: lightgrey 2px outset; + border-radius: 4px; + background-color: white; +} +.logged_in button:hover +{ + cursor: pointer; /* curseur qui touche du doigt */ + background-color: #ffff00; + border-radius: 4px; +} \ No newline at end of file diff --git a/public/css/head.css b/public/css/head.css new file mode 100644 index 0000000..b8d4c93 --- /dev/null +++ b/public/css/head.css @@ -0,0 +1,59 @@ +header +{ + text-align: center; + /*padding-top: 5px;*/ + /*padding-bottom: 10px;*/ + background-image: url('../assets/fond-piscine.jpg'); + background-size: cover; /* largeur du bloc_page */ +} +header > div +{ + /*margin: auto;*/ + /*max-width: 1200px;*/ + display: flex; + /*align-items: center;*/ /* conflit possible avec .social align-self */ + justify-content: space-around; +} +.header-content +{ + padding: 20px 0; +} +.site_title +{ + background-color: #ffffff7f; + border-radius: 10px; +} +header h1 +{ + font-size: x-large; + margin: 10px; +} +header h2 +{ + font-size: medium; /* défaut = x-large */ + margin: 10px; +} +header img +{ + vertical-align: bottom; /* supprime espace sous l'image */ +} +header a +{ + color: unset; /* ne plus hériter */ + text-decoration: none; +} +.social +{ + align-self: end; +} +.social img +{ + width: 25px; + background-color: #ffffffb3; + border-radius: 10px; +} + +.social img:hover +{ + background-color: #ffff00; +} diff --git a/public/css/main.css b/public/css/main.css new file mode 100644 index 0000000..b38f8d9 --- /dev/null +++ b/public/css/main.css @@ -0,0 +1,110 @@ +main +{ + margin: auto; + /*max-width: 1200px;*/ + background-color: #E3F3FF; + padding: 15px 0; +} +section > h3 +{ + padding: 15px; + margin: 0; + text-align: center; +} +section > p /* boutons spéciaux mode admin */ +{ + /*margin-left: 15px;*/ +} +.grid_columns +{ + display: grid; + grid-template-columns: repeat(3, 1fr); +} +.galery_photos +{ + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; +} +.galery_photos .html_from_editor img +{ + max-width: 400px; + max-height: 250px; +} +article +{ + /*display: flex;*/ + background-color: white; + margin: 15px 15px 0 15px; + padding: 0 15px; + /*min-height: 150px;*/ +} +article .logo2 +{ + vertical-align: middle; + max-width: 200px; + max-height: 200px; + margin-right: 15px; +} +.new_content, .article_content +{ + width: 100%; +} +.new_content_text +{ + max-height: 250px; + overflow: hidden; +} + +article .action_icon +{ + width: 24px; + vertical-align: middle; + border: white 2px solid; /* invisible */ +} +article .action_icon:hover +{ + background-color: #ffff00; + border-radius: 4px; + border: lightgrey 2px outset; +} +.article_title_zone +{ + display: flex; + justify-content: space-between; +} +.under_an_article +{ + display: flex; + justify-content: space-between; + font-size: small; +} +.under_an_article p +{ + margin: 5px; +} +.under_an_article img +{ + width: 24px; + vertical-align: middle; + margin-right: 5px; +} +.article_admin_zone +{ + display: flex; + justify-content: end; +} +main button +{ + color: #ff1d04; + font-size: medium; + border-radius: 4px; + background-color: white; + border: lightgrey 2px outset; /* rend identiques les boutons firefox et chromium */ +} +main button:hover +{ + cursor: pointer; /* curseur qui pointe du doigt */ + background-color: #ffff00; + border-radius: 4px; +} \ No newline at end of file diff --git a/public/css/nav.css b/public/css/nav.css new file mode 100644 index 0000000..d51c58a --- /dev/null +++ b/public/css/nav.css @@ -0,0 +1,95 @@ +/*-- menu principal --*/ +.empty_nav_zone +{ + height: 33px; +} +.nav_main +{ + position: fixed; + /*box-shadow: 3px 3px 5px #13aff0;*/ + border: 2px solid #13aff0; + top: -2px; +} +.nav_main +{ + /*font-size: 90%;*/ + /*margin-top: 10px;*/ + /*margin-bottom: 10px;*/ + text-wrap: nowrap; +} +.nav_main > ul +{ + display: flex; + flex-direction: row; + justify-content: center; + flex-wrap: wrap; +} +ul +{ + margin: 0; +} +.nav_main ul, .nav_main li +{ + list-style: none; + padding-left: 0; +} +.nav_main p +{ + padding: 7px; + margin: 0; + background-color: #ffffffe1; /* b3 = 179 = 0.7 (x 256) */ +} +.nav_main p:hover +{ + background-color: white; +} +.current > p +{ + background-color: white; + font-weight: bold; +} +.drop-down > p::after +{ + content: ' ▼'; + font-size: x-small; +} + +.drop-down:hover > .sub-menu /* faire apparaître sub-menu */ +{ + display: block; +} +.sub-menu +{ + display: none; + background-color: white; + border-top: 3px solid #13aff0; + box-shadow: 1px 1px 3px black; + font-size: 95%; +} +/*.sub-menu p:hover*/ +.nav_main p:hover +{ + background-color: #ffff00; +} +.drop-down .sub-menu .drop-down > p:after /* bricolage? */ +{ + content: " ▶"; + font-size: x-small; +} + +/* 1er sous-menu, poitionnement pour ne pas aggrandir l'élément parent */ +nav > ul > li > ul +{ + position: absolute; /* retire du flux, positionnement par rapport à la fenêtre */ +} +/* élément du menu survolé, le positionnement relatif en fait la référence du positionnement suivant */ +.drop-down .sub-menu .drop-down +{ + position: relative; +} +.drop-down .sub-menu .drop-down .sub-menu +{ + position: absolute; /* positionnement par rapport au précédent "position" en CSS */ + left: 100%; + top: -3px; /* la bordure bleue fait 3px */ +} diff --git a/public/css/tinymce.css b/public/css/tinymce.css new file mode 100644 index 0000000..55639e0 --- /dev/null +++ b/public/css/tinymce.css @@ -0,0 +1,6 @@ +.tox-promotion{ + display: none; +} +.hidden{ + display: none; +} \ No newline at end of file -- cgit v1.2.3