Foreground.css

Note : après avoir enregistré vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

• Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou pressez Ctrl-F5 ou Ctrl-R (⌘-R sur un Mac).
• Google Chrome : appuyez sur Ctrl-Maj-R (⌘-Shift-R sur un Mac).
• Internet Explorer : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5.
• Opera : allez dans Menu → Settings (Opera → Préférences sur un Mac) et ensuite à Confidentialité et sécurité → Effacer les données d’exploration → Images et fichiers en cache.

/* Personalisation des couleurs du Skin : ajouté par yves.chausson@ac-aix-marseille.fr */

/** Changes background color **/

/** Removes black background on top bar **/
.top-bar {
    background: linear-gradient(to bottom, #ffffff 0%, #7BA7CE 100%) repeat scroll 0 0 transparent;
    margin-bottom: 0;
}
 
/** Removes black background on menu bar **/
.top-bar-section ul {
    background: none;
    text-transform: uppercase;
}
 
/** Removes black background on menu item **/
.top-bar-section li a:not(.button) {
    background: none;
}

/* Zone de recherche */
.top-bar-section li.has-form
{
    background: #7BA7CE;
}

/** Change text color**/

/* Texte de la barre de navigation */
.top-bar-section ul li > a
{
   /* font-family: "Crimson Text",serif;*/
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

/* topbar H1 name */
.top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a
{
   /* font-family: "Crimson Text",serif;*/
    color: #12438E;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

/* menu item when active */
.top-bar-section li.active:not(.has-form) a:not(.button) 
{
    background: #12438E;
    background: linear-gradient(to bottom, #7BA7CE 0%, #12438E 100%) repeat scroll 0 0 transparent;
    font-size: 14px;    
    font-weight: 400;
    color: #FFFFFF;
}

/* menu item when hover */
.top-bar-section li:not(.has-form) a:hover:not(.button) 
{
    background: #12438E;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 400;
}

/* parent menu item when leaving a hovered child for another parent menu item */
.top-bar-section li.hover > a:not(.button) {
    background: #12438E;
    color: #FFFFFF;
}

/* menu item when active and hover */
.top-bar-section li.active:not(.has-form) a:hover:not(.button) 
{
    background: #12438E;
    color: #FFFFFF;
}

/* dropdown arrow color */
.top-bar-section .has-dropdown > a::after 
{
    border-color: rgba(228, 11, 17, 0.80) transparent transparent;
    margin-top: 2.5px;
}

/* dropdown parent when hovering a child item */
.top-bar-section ul li:hover:not(.has-form) > a 
{
    color: #7BA7CE;
}

/* dropdown child */
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) 
{
    background: #7BA7CE;
    color: #FFFFFF;
}
/* dropdown child when hover */
.top-bar-section .dropdown li:hover:not(.has-form):not(.active) > a:not(.button) 
{
    background: #12438E;
    color: #FFFFFF;
}

/* on small screen */

/* content of the toggled menu */
.top-bar .toggle-topbar.menu-icon a 
{
    color: #333;
}
/* toggle 3 horizontal bars */
.top-bar .toggle-topbar.menu-icon a span::after 
{
    box-shadow: 0 0 0 1px #333, 0 7px 0 1px #333, 0 14px 0 1px #333;
}
/* responsive dropdown back menu */
.top-bar-section .dropdown li.parent-link a, .top-bar-section .dropdown li.title h5 a {
    color: #333;
    font-family: "Crimson Text",serif;
    font-size: 18px;
    text-transform: uppercase;
}