Exemple CSS

Vous trouverez ci-dessous un exemple de CSS qui permet d'apporter des modifications simples à la conception. Seuls les codes de couleur doivent être adaptés en conséquence.

body {
  /* Couleur d'arrière-plan de l'ensemble du document HTML */
  background-color : #000000 ;
  
  /* Couleur de police de l'ensemble du document HTML */
  color : #000000 ;
  
  /* Type de police */
  font-family : 'Roboto', Arial, sans-serif ;
}

/* Couleur du bouton pour, par exemple, « Confirmer », « Enregistrer », « Commander » (fonctions principales) */ .btn-primary, .par exemple « Confirmer », « Enregistrer », « Commander » (fonctions principales) */
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  background-color : #000000 ;
  border-color : #000000 ;
}

/* Couleur du bouton pour par exemple « Annuler» , « Passer » (fonctions secondaires) */
.btn-secondary, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
  background-color : #000000 !important ;
  border-color : #000000 !important ;
}

/* Couleur de tous les liens dans l'ensemble du document HTML */
a {
  color : #000000 ;
}

/* Couleur de la boîte du type de paiement sélectionné */
.payment-tabs li a.active {
  color : #000000 ;
}

/* Couleur de la boîte du type de paiement sélectionné lors de la mise au point ou du survol */
.payment-tabs li a.active::before .payment-tabs li a:hover::before, .payment-tabs li a:focus::before {
  border-color : #000000 ;
}

/* Couleur du texte du prix dans la liste des produits sélectionnés dans la boîte de détail de la commande (en haut à droite par défaut) */
.price-list table td:last-child {
  color : #000000 ;
}

/* Couleur de la bordure supérieure de la boîte de détail de la commande (en haut à droite par défaut) */
.order-details {
  border-top-color : #000000 ;
}