From eea1d4c7f910e9f16df89ae536d522996014cad5 Mon Sep 17 00:00:00 2001 From: dos santos Date: Wed, 4 Jan 2023 18:10:14 +0100 Subject: [PATCH] mise a jour --- css/cat_all.css | 22 ----- css/categories.css | 92 +++++++++---------- css/header.css | 0 css/index.css | 162 +++++++++++++++++----------------- css/panier.css | 214 ++++++++++++++++++++++---------------------- css/style.css | 216 +++++++++++++++++++++++---------------------- header.php | 4 +- index.php | 157 +++++--------------------------- 8 files changed, 370 insertions(+), 497 deletions(-) delete mode 100644 css/cat_all.css mode change 100644 => 100755 css/categories.css mode change 100644 => 100755 css/header.css mode change 100644 => 100755 css/index.css mode change 100644 => 100755 css/panier.css mode change 100644 => 100755 css/style.css mode change 100644 => 100755 header.php mode change 100644 => 100755 index.php diff --git a/css/cat_all.css b/css/cat_all.css deleted file mode 100644 index 2f2d408..0000000 --- a/css/cat_all.css +++ /dev/null @@ -1,22 +0,0 @@ - - -.Liste{ - width:100%; - height:100vh; - overflow: scroll; -} - -.Product{ - float:left; - margin : 5%; - width: 80%; -} -.Product p, .Product h3{ - margin-top: -5px; - -} -.meme{ - width: inherit; - height: inherit; - max-height: inherit; -} \ No newline at end of file diff --git a/css/categories.css b/css/categories.css old mode 100644 new mode 100755 index 17e2584..4564496 --- a/css/categories.css +++ b/css/categories.css @@ -1,47 +1,47 @@ -main{ - margin-top: 10%; -} - -article{ - margin-top: auto; - border: solid; - border-width: 1%; - border-radius: 5%; - background-color: pink; -} - -article h2{ - text-align: center; -} - -.caramels{ - float:left; - width:40%; - margin:2%; -} - -.sirops{ - float:left; - width:40%; - margin:2%; -} -.pubimg{ - float:left; - width:40%; - margin:2%; -} - -.PD{ - float:left; - width:40%; - margin:2%; -} - -.Product{ - float:left; - margin : 3%; -} -.Product p, .Product h3{ - margin-top: -5px; - width:150px; +main{ + margin-top: 10%; +} + +article{ + margin-top: auto; + border: solid; + border-width: 1%; + border-radius: 5%; + background-color: pink; +} + +article h2{ + text-align: center; +} + +.caramels{ + float:left; + width:40%; + margin:2%; +} + +.sirops{ + float:left; + width:40%; + margin:2%; +} +.pubimg{ + float:left; + width:40%; + margin:2%; +} + +.PD{ + float:left; + width:40%; + margin:2%; +} + +.Product{ + float:left; + margin : 3%; +} +.Product p, .Product h3{ + margin-top: -5px; + width:150px; } \ No newline at end of file diff --git a/css/header.css b/css/header.css old mode 100644 new mode 100755 diff --git a/css/index.css b/css/index.css old mode 100644 new mode 100755 index 4c29b7f..3887305 --- a/css/index.css +++ b/css/index.css @@ -1,81 +1,81 @@ - - -.text-intro{ - width:80%; - margin:auto; - border: solid; - border-width: 5px; - background-color: darkorange; -} - -.content{ - display:grid; - grid-template-columns: auto auto; - grid-template-rows: auto auto; - margin-left: 8%; -} - -@media only screen and (min-width: 600px) { - .content{ - margin-left: 8%; - } -} - -article{ - border: solid; - border-width: 1%; - border-radius: 45px; - background-color: rosybrown; -} - -article h2{ - text-align: center; -} - -.NewsLetter{ - grid-column-start: 1; - grid-column-end: 1; - grid-row-start: 1; - grid-row-end: 1; - width:35%; - margin:2%; -} -@media only screen and (max-width: 600px) { - .NewsLetter{ - margin-left:-8%; - width:45%; - } -} - -.Vedette{ - grid-column-start: 1; - grid-column-end: 2; - grid-row-start: 1; - grid-row-end: 1; - width:58%; - margin:2%; - margin-left: 40%; -} - -.Product{ - float:left; - margin : 1.5%; -} -.Product p, .Product h3{ - margin-top: -5px; - width:150px; -} -.Product .desc{ - font-size: 10px; -} -.Pack{ - grid-column-start: 1; - grid-column-end: 2; - grid-row-start: 2; - grid-row-end: 2; - width:96%; - margin:2%; -} -.Pack .Product{ - float:left; -} + + +.text-intro{ + width:80%; + margin:auto; + border: solid; + border-width: 5px; + background-color: darkorange; +} + +.content{ + display:grid; + grid-template-columns: auto auto; + grid-template-rows: auto auto; + margin-left: 8%; +} + +@media only screen and (min-width: 600px) { + .content{ + margin-left: 8%; + } +} + +article{ + border: solid; + border-width: 1%; + border-radius: 45px; + background-color: rosybrown; +} + +article h2{ + text-align: center; +} + +.NewsLetter{ + grid-column-start: 1; + grid-column-end: 1; + grid-row-start: 1; + grid-row-end: 1; + width:35%; + margin:2%; +} +@media only screen and (max-width: 600px) { + .NewsLetter{ + margin-left:-8%; + width:45%; + } +} + +.Vedette{ + grid-column-start: 1; + grid-column-end: 2; + grid-row-start: 1; + grid-row-end: 1; + width:58%; + margin:2%; + margin-left: 40%; +} + +.Product{ + float:left; + margin : 1.5%; +} +.Product p, .Product h3{ + margin-top: -5px; + width:150px; +} +.Product .desc{ + font-size: 10px; +} +.Pack{ + grid-column-start: 1; + grid-column-end: 2; + grid-row-start: 2; + grid-row-end: 2; + width:96%; + margin:2%; +} +.Pack .Product{ + float:left; +} diff --git a/css/panier.css b/css/panier.css old mode 100644 new mode 100755 index 7a7040c..21612cc --- a/css/panier.css +++ b/css/panier.css @@ -1,108 +1,108 @@ - -main{ - display: grid; - grid-template-columns: 1fr, 1fr; -} -.Liste{ - grid-column-start: 1; - grid-row-start:1; - background-color: rgba(226, 180, 127, 0.3); - border:solid; - border-color: brown; - border-width:15px; - width:100%; - height:100vh; - overflow: scroll; -} - -.Product{ - float:left; - margin : 3%; - width:25%; -} -.Product p, .Product h3{ - margin-top: -5px; - width:150px; -} -#panier1{ - grid-column-start: 2; - grid-row-start:1; - width:80%; - margin:auto; -} - -#panier2{ - grid-column-start: 1; - grid-column-end: 2; - grid-row-start:1; - width:80%; - height: 100%; - margin:auto; -} -#panier2 form div{ - margin:4%; - margin-left: 35%; -} -#panier2 button{ - margin:4%; - margin-left: 35%; -} -#panier2 form{ - border:solid; - border-color:tan; - margin:4%; -} - -#panier3{ - height:100vh; -} - -.panier h1{ - text-align: center; - font-weight: bold; -} -.panier p{ - font-weight: bold; -} -.panier li{ - margin-left:15%; -} -.panier h1{ - text-align: center; -} -.panier button{ - position: center; - width:20%; -} - - - -.Ariane{ - margin:auto; - margin-left: 25%; -} -.ligne{ - width:21%; - height: 2px; - background-color: black; - float:left; - margin-left:2%; - margin-right:2%; - margin-bottom: 10%; - margin-top: 10%; -} -.point{ - width:10px; - height:10px; - background-color: white; - border:solid; - border-color: black; - border-width:1px; - border-radius: 50%; - float: left; - margin-bottom: 10%; - margin-top: 10%; -} -#active{ - background-color: crimson; + +main{ + display: grid; + grid-template-columns: 1fr, 1fr; +} +.Liste{ + grid-column-start: 1; + grid-row-start:1; + background-color: rgba(226, 180, 127, 0.3); + border:solid; + border-color: brown; + border-width:15px; + width:100%; + height:100vh; + overflow: scroll; +} + +.Product{ + float:left; + margin : 3%; + width:25%; +} +.Product p, .Product h3{ + margin-top: -5px; + width:150px; +} +#panier1{ + grid-column-start: 2; + grid-row-start:1; + width:80%; + margin:auto; +} + +#panier2{ + grid-column-start: 1; + grid-column-end: 2; + grid-row-start:1; + width:80%; + height: 100%; + margin:auto; +} +#panier2 form div{ + margin:4%; + margin-left: 35%; +} +#panier2 button{ + margin:4%; + margin-left: 35%; +} +#panier2 form{ + border:solid; + border-color:tan; + margin:4%; +} + +#panier3{ + height:100vh; +} + +.panier h1{ + text-align: center; + font-weight: bold; +} +.panier p{ + font-weight: bold; +} +.panier li{ + margin-left:15%; +} +.panier h1{ + text-align: center; +} +.panier button{ + position: center; + width:20%; +} + + + +.Ariane{ + margin:auto; + margin-left: 25%; +} +.ligne{ + width:21%; + height: 2px; + background-color: black; + float:left; + margin-left:2%; + margin-right:2%; + margin-bottom: 10%; + margin-top: 10%; +} +.point{ + width:10px; + height:10px; + background-color: white; + border:solid; + border-color: black; + border-width:1px; + border-radius: 50%; + float: left; + margin-bottom: 10%; + margin-top: 10%; +} +#active{ + background-color: crimson; } \ No newline at end of file diff --git a/css/style.css b/css/style.css old mode 100644 new mode 100755 index 0d1393d..82ae522 --- a/css/style.css +++ b/css/style.css @@ -1,106 +1,112 @@ -html{ - font-family: Arial, Helvetica, sans-serif; - background:black; - width:100%; -} - - -body{ - display: grid; - width:100%; - grid-template-columns: 5% 1fr 5%; - grid-template-rows: auto auto auto; - grid-auto-rows: minmax(auto, auto); - background:linear-gradient(lightgray, sandybrown); -} - -header{ - grid-column-start: 1; - grid-column-end: 4; - grid-row-start: 1; - grid-row-end: 1; - position: static; -} - -.rotate{ - z-index:1; - pointer-events: none; -} -.rotate2{ - z-index:1; - pointer-events: none; -} -.page{ - grid-column-start: 1; - grid-column-end: 4; - background:linear-gradient(rgb(189, 184, 184), sandybrown); - z-index:2; - - display: grid; - grid-template-columns: 10vw, 80vw, 10vw; - grid-template-rows: 5%, auto, 5%; - grid-auto-rows: minmax(auto, auto); -} -.pubG{ - grid-column-start : 1; - grid-column-end: 1; - grid-row-start: 2; - grid-row-end: 2; - z-index:3; - background-color: red; - margin:4%; -} -.pubD{ - grid-column-start : 3; - grid-column-end: 3; - grid-row-start: 2; - grid-row-end: 2; - z-index:3; - background-color: green; - margin-top: 4%; - padding-right: 4%; - -} -main{ - grid-column-start: 2; - grid-column-end: 3; - grid-row-start: 2; - grid-row-end: 2; - width: 97%; - background: rgba(255, 0, 0, 0.1); - margin-left:1.5%; - margin-right:1.5%; - z-index:3; -} - - -@media only screen and (max-width: 600px) { - main { - width:100%; - background: none; - } -} - -footer { - font-size: 11px; - grid-column-start: 1; - grid-column-end: 4; - grid-row-start: 3; - grid-row-end: 3; - background:rgb(86, 85, 177); - bottom:100vh; - width:100%; -} -footer .divfooter{ - float:left; - margin:3%; -} -footer img{ - margin-left:10%; -} - -form input{ - background-color: rgba(255, 255, 255, 0.2); - border: solid; - border-radius: 15px; + +:root{ + --meme-wsize: 50vw; + --meme-vsize: 26vw; +} + +html{ + font-family: Arial, Helvetica, sans-serif; + background:black; + width:100%; +} + + +body{ + display: grid; + width:100%; + grid-template-columns: 5% 1fr 5%; + grid-template-rows: auto auto auto; + grid-auto-rows: minmax(auto, auto); + background:linear-gradient(lightgray, sandybrown); +} + +header{ + grid-column-start: 1; + grid-column-end: 4; + grid-row-start: 1; + grid-row-end: 1; + position: static; +} + +.rotate{ + z-index:1; + pointer-events: none; +} +.rotate2{ + z-index:1; + pointer-events: none; +} +.page{ + grid-column-start: 1; + grid-column-end: 4; + background:linear-gradient(rgb(189, 184, 184), sandybrown); + z-index:2; + + display: grid; + grid-template-columns: 10vw, 80vw, 10vw; + grid-template-rows: 5%, auto, 5%; + grid-auto-rows: minmax(auto, auto); +} +.pubG{ + grid-column-start : 1; + grid-column-end: 1; + grid-row-start: 2; + grid-row-end: 2; + z-index:3; + background-color: red; + margin:4%; +} +.pubD{ + grid-column-start : 3; + grid-column-end: 3; + grid-row-start: 2; + grid-row-end: 2; + z-index:3; + background-color: green; + margin-top: 4%; + padding-right: 4%; + +} +main{ + grid-column-start: 2; + grid-column-end: 3; + grid-row-start: 2; + grid-row-end: 2; + width: 97%; + background: rgba(255, 0, 0, 0.1); + margin-left:1.5%; + margin-right:1.5%; + z-index:3; +} + + +@media only screen and (max-width: 600px) { + main { + width:100%; + background: none; + } +} + +footer { + font-size: 11px; + grid-column-start: 1; + grid-column-end: 4; + grid-row-start: 3; + grid-row-end: 3; + background:rgb(86, 85, 177); + bottom:100vh; + width:100%; +} +footer .divfooter{ + float:left; + margin:3%; +} +footer img{ + margin-left:10%; +} + +form input{ + background-color: rgba(255, 255, 255, 0.2); + border: solid; + border-radius: 15px; } \ No newline at end of file diff --git a/header.php b/header.php old mode 100644 new mode 100755 index ec9e044..f286cbd --- a/header.php +++ b/header.php @@ -1,11 +1,11 @@
- Créé par Simon Catanese, propriété intellectuelle de Sodaramel® + Créé par Simon Catanese, propriété intellectuelle de Sodaramel®

Insuline, quand le caramel ne suffit plus !