Mise à jour des fichiers CSS, ajout des mécanismes de mise à jour de Ship2net avec info sur la page du bateau.
This commit is contained in:
+14
-397
@@ -18,17 +18,7 @@ body {
|
||||
}
|
||||
|
||||
/********************************************************* ENTETE **************************************************/
|
||||
#entete #ligne_icones {
|
||||
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
|
||||
}
|
||||
#entete #ligne_icones a {
|
||||
background-size: 50%;
|
||||
width: 90%;
|
||||
}
|
||||
#entete #ligne_icones #home {
|
||||
text-align:center;
|
||||
padding-left:0px;
|
||||
}
|
||||
|
||||
|
||||
#entete nav {
|
||||
grid-template-columns: 1fr;
|
||||
@@ -47,13 +37,6 @@ body {
|
||||
/* line-height: 2em; */
|
||||
}
|
||||
|
||||
#espace_menu.replie {
|
||||
padding-top:40px;
|
||||
}
|
||||
#espace_menu.deploye {
|
||||
padding-top:360px;
|
||||
}
|
||||
|
||||
|
||||
/*********************************************************** PIED DE PAGE *********************************************/
|
||||
#pied_de_page {
|
||||
@@ -113,15 +96,9 @@ select {
|
||||
::placeholder {
|
||||
/* font-size: 1.8em; */
|
||||
}
|
||||
.boutons_formulaire button {
|
||||
padding:50px 30px;
|
||||
/* font-size: 1.8em; */
|
||||
}
|
||||
|
||||
/********************************************************* LIENS HYPERTEXTES ***************************************/
|
||||
a.renforce {
|
||||
padding:3px 30px;
|
||||
}
|
||||
|
||||
|
||||
ul {
|
||||
padding-inline-start: 20px; /* C'est une valeur par défaut de 40px, ce qui est beaucoup sur un affichage téléphone... */
|
||||
@@ -141,10 +118,6 @@ p {
|
||||
/* padding-top: 350px; /* Taille du menu déployé */
|
||||
/*margin-top: -350px; Même valeur que ci-dessus pour compenser */
|
||||
}
|
||||
.ancre.sans_menu {
|
||||
/*padding-top: 40px;*/ /* Taille du menu replié */
|
||||
/*margin-top: -40px;*/ /* Même valeur que ci-dessus pour compenser */
|
||||
}
|
||||
|
||||
/************************************* MESSAGE D'ERREUR ***************************************/
|
||||
|
||||
@@ -185,27 +158,7 @@ p {
|
||||
}
|
||||
|
||||
/************************************* IMAGES ZOOMEES ***************************************/
|
||||
#zoom {
|
||||
grid-template-columns: 1fr;
|
||||
row-gap: 20px;
|
||||
width: 95%;
|
||||
padding:5px;
|
||||
}
|
||||
#zoom a {
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
#zoom a img {
|
||||
width: 50px;
|
||||
}
|
||||
#zoom .photo_zoomee {
|
||||
width: 100%;
|
||||
}
|
||||
#zoom .photo_zoomee img {
|
||||
max-height: 250px;
|
||||
max-width: 90%;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
|
||||
/***********************************************************************************************************************
|
||||
Fichier accueil.php
|
||||
@@ -221,101 +174,12 @@ Fichier accueil.php
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
#Accueil #bandeau_accueil {
|
||||
height:300px; /* Fige la hauteur du bloc 'bandeau-accueil' sinon on n'arrive à rien... */
|
||||
line-height: 300px; /* Permet ensuite d'utiliser le vertical-align sur le <p> inclus */
|
||||
}
|
||||
#Accueil #bandeau_accueil p {
|
||||
font-size:1.8em;
|
||||
}
|
||||
|
||||
#Accueil #notre_actualite p {
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
#Accueil #notre_actualite a {
|
||||
width: 90%;
|
||||
border-radius: 1em;
|
||||
padding: 30px 0px;
|
||||
}
|
||||
#Accueil #qu_est_ce_que_shipheart .corps {
|
||||
padding:50px 0px 50px 0px;
|
||||
border-bottom:10px solid var(--bleu_koriolan_transparent);
|
||||
font-weight: 300;
|
||||
font-size: 1em;
|
||||
}
|
||||
#Accueil #qu_est_ce_que_shipheart .corps p {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#Accueil #qu_est_ce_que_shipheart .corps .made_in_france {
|
||||
margin:20px 5% 50px 5%;
|
||||
}
|
||||
#Accueil #qu_est_ce_que_shipheart .corps .made_in_france img {
|
||||
width: 99%;
|
||||
}
|
||||
|
||||
#Accueil #marguerite {
|
||||
padding:0.5em 0px;
|
||||
}
|
||||
#Accueil #marguerite .corps {
|
||||
grid-template-columns: 1fr;
|
||||
row-gap:60px;
|
||||
}
|
||||
#Accueil #marguerite .corps .rubrique {
|
||||
border: none;
|
||||
border-bottom:10px solid var(--bleu_koriolan_transparent);
|
||||
padding:10px 10px;
|
||||
}
|
||||
#Accueil #boutique .corps a {
|
||||
margin: 20px auto 20px auto;
|
||||
padding: 30px 0px;
|
||||
width: 96%;
|
||||
/* font-size: 2.0em; */
|
||||
}
|
||||
|
||||
|
||||
#Accueil #faq .corps .rubriques {
|
||||
grid-template-columns: 1fr;
|
||||
row-gap: 50px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#Accueil #qui_sommes_nous img {
|
||||
/* width:100%; */
|
||||
}
|
||||
#Accueil #qui_sommes_nous .image_bandeau {
|
||||
height:200px;
|
||||
}
|
||||
#Accueil #qui_sommes_nous .corps {
|
||||
/* padding:50px 0px; */
|
||||
}
|
||||
#Accueil #qui_sommes_nous .carte_de_visite {
|
||||
grid-template-columns: 1% 1fr 2fr;
|
||||
}
|
||||
#Accueil #qui_sommes_nous .carte_de_visite .texte p {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
#Accueil #qui_sommes_nous .contact {
|
||||
/* grid-template-columns: 20px 1fr 20px; */
|
||||
padding-top: 50px;
|
||||
/* font-size: 1.8em; */
|
||||
}
|
||||
#Accueil #qui_sommes_nous .contact a {
|
||||
width: 95%;
|
||||
margin: 60px auto;
|
||||
padding: 30px 0px;
|
||||
}
|
||||
|
||||
|
||||
/***********************************************************************************************************************
|
||||
Fichier actualites.php
|
||||
***********************************************************************************************************************/
|
||||
/*----------------------------------------*/
|
||||
#Actualites #accueil .photos {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -324,256 +188,37 @@ Fichier actualites.php
|
||||
/***********************************************************************************************************************
|
||||
Fichier boutique.php
|
||||
***********************************************************************************************************************/
|
||||
#Boutique .info_mobile {
|
||||
display: inline-block;
|
||||
}
|
||||
#Boutique .boutons_bas_de_page {
|
||||
grid-template-columns: 1fr;
|
||||
grid-template-areas:
|
||||
" suivant "
|
||||
" retour ";
|
||||
margin-top: 20px;
|
||||
}
|
||||
#Boutique .boutons_bas_de_page a {
|
||||
margin: 30px 0px;
|
||||
}
|
||||
|
||||
/*--------------------------------------------------*/
|
||||
#Boutique #bandeau_avancement {
|
||||
grid-template-columns: repeat(7, auto);
|
||||
font-size:0.6em;
|
||||
}
|
||||
#Boutique #bandeau_avancement .etape:first-child {
|
||||
border-radius: 0px;
|
||||
}
|
||||
#Boutique #bandeau_avancement .etape:last-child {
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
|
||||
/*--------------------------------------------------*/
|
||||
#Boutique #accueil .famille {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
#Boutique #accueil .famille .produit {
|
||||
/* border-top:10px solid var(--bleu_koriolan_fonce); */
|
||||
grid-template-rows: auto;
|
||||
row-gap:20px;
|
||||
}
|
||||
#Boutique #accueil .famille .produit .image img {
|
||||
height: auto;
|
||||
width: min(80%, 350px);
|
||||
margin-top: 20px;
|
||||
}
|
||||
#Boutique #accueil .famille .produit .boutons a {
|
||||
width: calc(96% - 20px);
|
||||
/* padding: 40px 10px; */
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
#Boutique #accueil .famille .produit .boutons a:hover {
|
||||
}
|
||||
|
||||
/*--------------------------------------------------*/
|
||||
#Boutique #panier .liste_produits {
|
||||
grid-row-gap: 10px;
|
||||
}
|
||||
#Boutique #panier .liste_produits .titre {
|
||||
display:none;
|
||||
}
|
||||
|
||||
#Boutique #panier .liste_produits .produit {
|
||||
border: 3px solid var(--bleu_koriolan_fonce);
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-template-rows: auto;
|
||||
row-gap: 10px;
|
||||
grid-template-areas:
|
||||
" image image "
|
||||
" nom nom "
|
||||
" descriptif descriptif "
|
||||
" delai delai "
|
||||
" boutons quantite "
|
||||
" prix_ht prix_ht "
|
||||
" prix_ttc prix_ttc ";
|
||||
|
||||
align-items: center;
|
||||
justify-items: center;
|
||||
|
||||
margin: 10px 0px 50px 0px;
|
||||
padding: 20px 10px;
|
||||
|
||||
/* font-size: 0.8em; */
|
||||
}
|
||||
#Boutique #panier .liste_produits .produit .image {
|
||||
text-align: center;
|
||||
}
|
||||
#Boutique #panier .liste_produits .produit .image img {
|
||||
height: auto;
|
||||
width: min(80%, 350px);
|
||||
}
|
||||
#Boutique #panier .liste_produits .produit .descriptif {
|
||||
font-style: normal;
|
||||
}
|
||||
#Boutique #panier .liste_produits .produit .quantite {
|
||||
/* font-size:1.5em; */
|
||||
}
|
||||
#Boutique #panier .liste_produits .produit .quantite .info_mobile {
|
||||
font-size:0.8em;
|
||||
}
|
||||
#Boutique #panier .liste_produits .produit .boutons {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-template-areas:
|
||||
" moins plus ";
|
||||
grid-column-gap: 20px;
|
||||
align-items: center;
|
||||
}
|
||||
#Boutique #panier .liste_produits .produit .boutons a {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
#Boutique #panier .liste_produits .produit .boutons a img {
|
||||
width: 100%;
|
||||
}
|
||||
#Boutique #panier .liste_produits .produit .delai {
|
||||
line-height: normal;
|
||||
}
|
||||
#Boutique #panier .liste_produits .produit .prix_ht {
|
||||
line-height: normal;
|
||||
}
|
||||
#Boutique #panier .liste_produits .produit .prix_ttc {
|
||||
line-height: normal;
|
||||
font-size:1.2em;
|
||||
}
|
||||
#Boutique #panier .liste_produits .synthese {
|
||||
grid-template-columns: 2fr 2fr 2fr;
|
||||
}
|
||||
#Boutique #panier .liste_produits .synthese.titres.info_mobile {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
/*--------------------------------------------------*/
|
||||
#Boutique #identification form {
|
||||
grid-template-columns: 1fr;
|
||||
grid-template-areas:
|
||||
" shipmember "
|
||||
" new_shipmember ";
|
||||
|
||||
row-gap:10px;
|
||||
}
|
||||
|
||||
|
||||
/*--------------------------------------------------*/
|
||||
#Boutique #validation .liste_produits .titre {
|
||||
display:none;
|
||||
}
|
||||
|
||||
#Boutique #validation .liste_produits .produit {
|
||||
border: 3px solid var(--bleu_koriolan_fonce);
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-template-rows: auto;
|
||||
row-gap: 20px;
|
||||
grid-template-areas:
|
||||
" image image "
|
||||
" nom nom "
|
||||
" descriptif descriptif "
|
||||
" delai delai "
|
||||
" prix_ht prix_ht "
|
||||
" prix_ttc prix_ttc "
|
||||
" boutons quantite ";
|
||||
|
||||
align-items: center;
|
||||
justify-items: center;
|
||||
|
||||
margin: 10px 0px 10px 0px;
|
||||
padding: 20px 10px;
|
||||
|
||||
/* font-size: 0.8em; */
|
||||
}
|
||||
#Boutique #validation .liste_produits .produit .image {
|
||||
text-align: center;
|
||||
}
|
||||
#Boutique #validation .liste_produits .produit .image img {
|
||||
height: auto;
|
||||
width: min(80%, 350px);
|
||||
}
|
||||
#Boutique #validation .liste_produits .produit .descriptif {
|
||||
font-style: normale;
|
||||
}
|
||||
#Boutique #validation .liste_produits .produit .quantite {
|
||||
font-size:1.5em;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
#Boutique #validation .liste_produits .produit .quantite .info_mobile {
|
||||
font-size:0.8em;
|
||||
}
|
||||
#Boutique #validation .liste_produits .produit .boutons {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-template-areas:
|
||||
" moins plus ";
|
||||
grid-column-gap: 20px;
|
||||
align-items: center;
|
||||
}
|
||||
#Boutique #validation .liste_produits .produit .boutons a {
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
line-height: 200px;
|
||||
}
|
||||
#Boutique #validation .liste_produits .produit .boutons a img {
|
||||
width: 100px;
|
||||
}
|
||||
#Boutique #validation .liste_produits .produit .delai {
|
||||
line-height: normal;
|
||||
}
|
||||
#Boutique #validation .liste_produits .produit .prix_ht {
|
||||
line-height: normal;
|
||||
}
|
||||
#Boutique #validation .liste_produits .produit .prix_ttc {
|
||||
line-height: normal;
|
||||
font-size:1.2em;
|
||||
}
|
||||
|
||||
#Boutique #validation .liste_produits .synthese {
|
||||
grid-template-columns: 2fr 2fr 2fr;
|
||||
}
|
||||
#Boutique #validation .liste_produits .synthese.titres.info_mobile {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
|
||||
#Boutique #validation .message_validation_cgv input {
|
||||
width: 40px;
|
||||
}
|
||||
#Boutique #validation .message_validation_cgv label {
|
||||
line-height: 20px;
|
||||
}
|
||||
#Boutique #validation .message_validation_cgv a {
|
||||
padding: 0px 30px;
|
||||
/* background-color: var(--bleu_koriolan_fonce); */
|
||||
}
|
||||
|
||||
/*--------------------------------------------------*/
|
||||
|
||||
|
||||
|
||||
/*--------------------------------------------------*/
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*--------------------------------------------------*/
|
||||
#Boutique #paiement .saisie_paiement form {
|
||||
/* padding: 20px 0px 100px 0px; */
|
||||
}
|
||||
|
||||
#Boutique #paiement .saisie_paiement #card-element {
|
||||
width: 90%;
|
||||
margin-bottom: 50px;
|
||||
|
||||
/* margin: 50px 0px 150px 0px; */
|
||||
/* background: var(--bleu_koriolan_transparent); */
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/*--------------------------------------------------*/
|
||||
#Boutique #cloture h2 {
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -600,9 +245,6 @@ Fichier faq.php
|
||||
#Faq #accueil .famille .reponse {
|
||||
margin:0px 10px 30px 10px;
|
||||
}
|
||||
#Faq #accueil .famille .reponse .photos {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -611,15 +253,7 @@ Fichier faq.php
|
||||
Fichier galerie.php
|
||||
***********************************************************************************************************************/
|
||||
|
||||
#Galerie #accueil #photos {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
#Galerie #accueil #photos .photo .legende {
|
||||
/* font-size:1.6em; */
|
||||
}
|
||||
#Galerie #accueil #photos .photo {
|
||||
grid-template-rows: 1fr auto;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/***********************************************************************************************************************
|
||||
@@ -642,24 +276,7 @@ Fichier mentions_legales.php
|
||||
/***********************************************************************************************************************
|
||||
Fichier nautic2021.php
|
||||
***********************************************************************************************************************/
|
||||
#Nautic2021 .logo_sh {
|
||||
height:80px;
|
||||
}
|
||||
#Nautic2021 .logo_nautic {
|
||||
height:80px;
|
||||
}
|
||||
#Nautic2021 .champs .champs_valeur {
|
||||
min-height: 50px;
|
||||
line-height: 50px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
#Nautic2021 .champs .champs_valeur input[type="checkbox"] {
|
||||
margin-left: 30px;
|
||||
}
|
||||
#Nautic2021 .champs .champs_valeur label {
|
||||
width: 70%;
|
||||
min-height: 50px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/***********************************************************************************************************************
|
||||
|
||||
Reference in New Issue
Block a user