diff --git a/public/css/products.css b/public/css/products.css new file mode 100644 index 0000000..870b7c9 --- /dev/null +++ b/public/css/products.css @@ -0,0 +1,82 @@ +.container_main { + background-color: #2E2E2E; +} +.tableau { + width:100%; + background-color: white; + table-layout: fixed; + border-collapse: collapse; + /* border-spacing: 1px; // pour contrer les style de base */ +} +/* Entête */ +.tableau th { + border-spacing: 0; + border-collapse: collapse; + padding: 0rem; + text-align: center; + border-left: lightgray 1px solid; + background-color:#999690; + color:#fff; +} +.tableau .colonne_image { + padding: 0; !important; +} +.tableau td { + border-bottom: solid 1px black; + border-left: lightgray 1px solid; + padding-left: 0.7rem; +} +.align_droite { + + text-align: right; + padding-right: 2rem; +} +.breadcrumb { + font-size: 1rem; +} + +.toggle_radio { + position: relative; + background: rgba(0,0,0,.1); + margin: -3px auto 4px 10px; + overflow: hidden; + padding: 0 !important; + border-radius: 50px; + height: 28px; + width: 215px; +} +.toggle_radio > * { + float: left; +} +.toggle_radio input[type=radio]{ + display: none; +} +.toggle_radio label{ + color: rgba(0,0,0,.9); + z-index: 0; + display: block; + width: 100px; + height: 20px; + margin: 3px 3px; + border-radius: 50px; + cursor: pointer; + z-index: 1; + text-align: center; +} +.toggle_option_slider{ + width: 100px; + height: 20px; + position: absolute; + top: 4px; + border-radius: 50px; + transition: all .4s ease; +} + +#first_toggle:checked ~ .toggle_option_slider{ + background: rgba(0,0,0,.3); + left: 3px; +} +#second_toggle:checked ~ .toggle_option_slider{ + background: rgba(0,0,0,.3); + left: 109px; +} diff --git a/public/css/style.css b/public/css/style.css index c6653e5..c53aa18 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -19,10 +19,18 @@ btn-custom { -webkit-font-smoothing: antialiased; } +#logo_home { + width:30rem; + margin: 0 auto; + margin-bottom: 10px; + text-align: center; +} + img { max-width: 100%; height: auto; } + #la_page { text-align: center; width: 1174px; @@ -30,6 +38,7 @@ img { height:auto; margin-left: auto; margin-right: auto; + opacity:0.9; } #la_page a { @@ -58,6 +67,7 @@ li { background-size: 100% auto; font-family: Bree Serif, Arial, sans-serif; font-size: 14px; + opacity:0.97; } header.header { width: 389px; @@ -98,7 +108,20 @@ header.header img { } .container { font-family: Arial, sans-serif; + height:auto; width:28rem; + text-align:center;border: 0px } + +.row { + width:28rem; + margin-left: -5.1rem; +} + +.home_map { + font-size:1.2rem; + font-weight:bold; +} + .profil_user { height: 400px; width: 900px; @@ -169,7 +192,7 @@ header.header img { } body.loading .loadingPubkey { - overflow: hidden; + overflow: hidden; display: block; } @@ -268,3 +291,89 @@ body.loading .loadingPubkey { } } + +/* Fix products.css */ + + +.container_main { + background-color: #2E2E2E; +} +.tableau { + width:100%; + background-color: white; + table-layout: fixed; + border-collapse: collapse; + /* border-spacing: 1px; // pour contrer les style de base */ +} +/* Entête */ +.tableau th { + border-spacing: 0; + border-collapse: collapse; + padding: 0rem; + text-align: center; + border-left: lightgray 1px solid; + background-color:#999690; + color:#fff; +} +.tableau .colonne_image { + padding: 0; !important; +} +.tableau td { + border-bottom: solid 1px black; + border-left: lightgray 1px solid; + padding-left: 0.7rem; +} +.align_droite { + + text-align: right; + padding-right: 2rem; +} +.breadcrumb { + font-size: 1rem; +} + +.toggle_radio { + position: relative; + background: rgba(0,0,0,.1); + margin: -3px auto 4px 10px; + overflow: hidden; + padding: 0 !important; + border-radius: 50px; + height: 28px; + width: 215px; +} +.toggle_radio > * { + float: left; +} +.toggle_radio input[type=radio]{ + display: none; +} +.toggle_radio label{ + color: rgba(0,0,0,.9); + z-index: 0; + display: block; + width: 100px; + height: 20px; + margin: 3px 3px; + border-radius: 50px; + cursor: pointer; + z-index: 1; + text-align: center; +} +.toggle_option_slider{ + width: 100px; + height: 20px; + position: absolute; + top: 4px; + border-radius: 50px; + transition: all .4s ease; +} + +#first_toggle:checked ~ .toggle_option_slider{ + background: rgba(0,0,0,.3); + left: 3px; +} +#second_toggle:checked ~ .toggle_option_slider{ + background: rgba(0,0,0,.3); + left: 109px; +} diff --git a/public/models/readRecords.php b/public/models/readRecords.php index ebef6c6..474c6d1 100644 --- a/public/models/readRecords.php +++ b/public/models/readRecords.php @@ -67,7 +67,7 @@ if (file_exists($imagep) && $row['image']) { $data .= '