Heimdall

CSS personnalisé

Annuler

.headerInfos {
  display: flex;
  justify-content: space-between; /* Pour espacer les éléments */
  margin: 5px;
}

.divDate {
  order: 1;
  display: flex; /* Utilisation de flexbox pour aligner les éléments verticalement */
  align-items: center; /* Alignement vertical au centre */
}

.divDate, .meteo {
  background-color: rgba(15, 72, 171, 0.381); 
  border-radius: 5px; /* Coins arrondis */
  box-shadow: inset 0 1px 2px 0 rgba(152, 152, 152, 0.461);
  padding: 5px 10px; /* Padding de 10px à gauche et à droite */
  align-items: left;
}

.horloge,
.ladate {
  display: inline-block; /* Affichage en ligne pour positionner les éléments côte à côte */
  margin-right: 5px; /* Marge entre les éléments */
}

.ladate span {
  display: block; /* Affichage en bloc pour le span contenant le nom du jour */
  /* Supprimer la marge entre le span et le reste du texte */
  margin-bottom: 0; /* Ajustement pour supprimer l'espacement */
}

.horloge {
  font-size: 2.5em;
}

.temperature {
  font-size: 2.5em;
}

.horloge, .ladate,.temperature {
  font-weight: normal;
}

.meteo {
  order: 2;
  display: flex;
  flex-direction: column;
}

.ville-temp-container {
  display: flex;
  justify-content: space-between;
}

.temperature {
  padding-right: 50px;
}

.icon {
  margin-top: 0px;
}

.horloge,
.ladate, .temperature, .ville, .description {
  color: rgb(216, 216, 216);
}

span.ville {
  padding-right: 10px;
}