Version : Geoconcept Web 5.0

Fonctionnalité : Administration / Habillage

Niveau :

Présentation

Lors de la publication d'un portail, le portail créé automatiquement l'est avec une apparence par défaut.

Il est possible de modifier l'apparence des boutons (widget), de mettre un dégradé sur le bandeau haut...

Pour ce faire, créer un nouvel Habillage via le bouton Ajouter :

En fonction de ce que vous souhaitez faire, copier les codes CSS présentés plus bas et coller-les dans le style CSS :

/* Couleur de la page d'accueil avant chargement du portail */

#loading_portal {
background-color: #8CACC9;
}

 

/* Boutons ronds couleur bleu (picto blanc)*/

.ui.button.gcweb-widget {
background-color: #8CACC9;
border-radius: 25px;
padding: 0.3em 0.4em 0.3em 0.4em;
}
/* Dégradé bandeau haut */

#hd{

  /* gecko based browsers */
  background: -moz-linear-gradient(left, #FFFFFF, #8CACC9);

  /* webkit based browsers */
  background: -webkit-linear-gradient( left, #FFFFFF, #8CACC9);
}
/* couleur du bouton activé */
.ui.button.gcweb-widget.activated {
background-color: #003BB0;
}
/* réduire la taille du bouton OK dans le widget requête */
.ui.button.storedQuery-btn {
    margin-left: 0.3em;
    padding-left: 0.7em;
    padding: 0.7em 0.7em 0.7em;
}

Avant :  

 

Après :