Content Delivery Network
La présente charte est soumise à une autorisation.
Veuillez contacter la Direction des Systèmes d'Information support@uca.fr
CSS // Description de la charte grahique UCA
<link rel="stylesheet" type="text/css" href="css/uca.min.last.css">

Cette version est la dernière à jour !!
Elle est utilisée pour l'ENT et les sites qui intègrent pleinement la charte (peu ou pas de Bootstrap et autres frameworks css).
Elle comprend toutes les dernières modifications et correctifs apportés jusqu'à la dernière version datée ci-dessous.

<link rel="stylesheet" type="text/css" href="css/uca.min.20181030.css">

<link rel="stylesheet" type="text/css" href="css/uca.min.20180418.css">

<link rel="stylesheet" type="text/css" href="css/uca.min.20180306.css">

<link rel="stylesheet" type="text/css" href="css/uca.min.20171103.css">

<link rel="stylesheet" type="text/css" href="css/uca.min.20171017.css">

<link rel="stylesheet" type="text/css" href="css/uca.min.20171013.css">

<link rel="stylesheet" type="text/css" href="css/uca.min.20170901.css">

Première mouture appliqué sur l'ENT et quelques portlets esup:

CSS // Bootstrap custom UCA
<link rel="stylesheet" type="text/css" href="css/bootstrap_uca.min.css">

Cette version est la dernière à jour !! Elle peut être utilisée pour les applications intégrant Bootstrap.
Créée à partir du site Boostrap Build et basée sur la version 4.3.0 du framework, nous avons apporté des retouches sur les couleurs principales et sur les formes.
Toute modification est possible en intégrant le fichier suivant import_variables.scss, il faut pour cela nous contacter.
Ne pas oublier pour utiliser les composants javascript d'inclure/télécharger les fichiers suivants:

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.0/js/bootstrap.min.js"></script>

ENT // MENU

Pour intégrer le menu ENT UCA dans votre application, il suffit d'ajouter cet import de script:

<script async type="text/javascript" src="https://ent.uca.fr/core/menu.js"></script>

Les marges suivantes sont automatiquement appliquées afin de réserver l'espace nécessaire au menu:

body {
  padding-top: 45px;
  padding-left: 0px;
}
@media screen and (min-width: 768px) {
  body {
    /* to integrate left menu */
    padding-left: 50px;
  }
}

/* Vous pouvez surcharger ces valeurs dans votre feuille de style comme ceci */
body {
  padding-top: 60px !important;
  padding-left: 20px !important;
}