@CHARSET "UTF-8"; /*==========================================================================================*/ /*===================================== ROOT [VARIABLE] ==================================*/ /*=========================================================================================*/ :root { /* Variable qui agit sur les couleurs le background des widgets ---------------------------------------------------------------------------------------------------------------------------*/ --widget: #384257; /* Variable qui agit sur les couleurs des bordures des widgets ---------------------------------------------------------------------------------------------------------------------------*/ --boxwidget: #f8f9fa; /* Variable qui agit sur les couleurs du texte URL "lien" ---------------------------------------------------------------------------------------------------------------------------*/ --texte-url: #e63312; /* Variable qui agit sur les couleurs du texte ---------------------------------------------------------------------------------------------------------------------------*/ --texte: #444a52; /* Variable qui agit sur les couleurs des labels des widgets tels que le nombre de text intégral ---------------------------------------------------------------------------------------------------------------------------*/ --label:#88cac9; /* Variable qui agit sur les couleurs des menu et des menu déroulants ---------------------------------------------------------------------------------------------------------------------------*/ --menu:#272f3d; /* Variable qui agit sur les couleurs des boutons et les mots clés du widget mots clés ---------------------------------------------------------------------------------------------------------------------------*/ --bouton:#6c6980; /* Variable qui agit sur les couleurs des boutons et les mots clés du widget mots clés ---------------------------------------------------------------------------------------------------------------------------*/ --motcles:#6d2065; /* Variable qui agit sur les couleurs des boutons du menu ---------------------------------------------------------------------------------------------------------------------------*/ --bouton-menu:#e63312; /* Variable qui agit sur les couleurs au passage du curseurs sur les éléments tels que les boutons et les mots clés ---------------------------------------------------------------------------------------------------------------------------*/ --hover: #8c88a6; /* Variable qui agit sur les couleurs au passage du curseurs sur le menu ----------------------------------------------------------------------------------------------------------------*/ --hover-menu: #B9251A; /* Variable qui agit sur les couleurs des boutons et les mots clés du widget mots clés ---------------------------------------------------------------------------------------------------------------------------*/ --hover-motcles:#cd0b23; /* Variable qui permet une animation de transition au passage du curseur ---------------------------------------------------------------------------------------------------------------------------*/ --transition: .3s cubic-bezier(.25,.8,.5,1); } /*=======================================================================================*/ /*============================ CONTENUS MODIFIABLE (Mode Rapide) =========================*/ /*======================================================================================*/ /* ================================== PAGE ================================== */ /* Couleur du fond de la page ------------------------------------------------------------------------------------ */ main { background-color: #e5e5e5; } /* ============================== FONT (POLICE) ============================== */ /* Couleur des liens ( URL-HTML) ------------------------------------------------------------------------------------ */ a { color: var(--texte-url); } /* ============================== Titre & Paragraphes ============================== */ /* Style du Titre h1 ------------------------------------------------------------------------------------ */ .titre-h1 { padding-left: 0px; border-bottom: 1px solid var(--texte); color: var(--texte); padding-top: 15px; text-align: center; } /* Style du paragraphe de présentation ------------------------------------------------------------------------------------ */ .paragraphes { font-size: 16px; line-height: 30px; color: var(--texte); padding: 10px 10px 10px 10px; } /* Taille des listes à puce Li ------------------------------------------------------------------------------------ */ li { font-size: 16px; } /* =============================== Bannière ===============================*/ /* Style de la bannière [En-tête] ------------------------------------------------------------------------------------ */ .logo { background-color: #e5e5e5; } /* ========================== Widgets -> Commun à tous ==========================*/ /* Marge interne et couleur de l'entête des widgets ------------------------------------------------------------------------------------ */ .section-corps .widget .widget-header { background-color: var(--widget); padding-top: 15px; border-top-left-radius: 5px; border-top-right-radius: 5px; } /* Marge interne et couleur des bordures des widgets ------------------------------------------------------------------------------------ */ .section-corps .widget { margin-bottom: 25px; box-shadow: 0 3px 4px #00000029; border-radius: 7px; background-color: var(--boxwidget); } /* ========================== Label (chiffres qui s'affichent dans le widget) ==========================*/ /* Bloc avec chiffres dans les des widgets ------------------------------------------------------------------------------------ */ .label.label-contrast { background-color: var(--label); color: #395554; padding: 11px 20px 8px; border-radius: 4px; font-size: 16px; border: 2px solid #588483; } /* ========================== Widget -> dernière publication ========================== */ /* Style des éléments dans le widget dernière publication ------------------------------------------------------------------------------------ */ .list-deposit .media { margin-top: 0px; transition: var(--transition); border-left: 2px solid transparent; border-bottom: 0px solid #cacaca; padding: 10px; } /* Style du widget dernière publication hover -> (au passage de la souris) ------------------------------------------------------------------------------------ */ .list-deposit .media:hover { border-color: var(--widget); background-color: #cdd0d3; transform: translatey(-5px); } /* Marge interne des éléments du widget dernière publication ------------------------------------------------------------------------------------ */ .list-deposit { padding: 10px 10px; } /* Marge externe du texte du widget dernière publication ------------------------------------------------------------------------------------ */ .media-body { margin-left: 10px; } /* --------------------------------------------- Widget avec Graphique --------------------------------------------- */ rect { /* Pas de fond blanc sur les graphiques pour des raisons de responsive */ fill: transparent; } /* ================================ Mots-clés (Widget) ================================ */ /* Marge interne du widget Mots clés ------------------------------------------------------------------------------ */ .widget-cloud { padding: 20px; } /* Style des mots clés du widget Mots clés ------------------------------------------------------------------------------ */ .widget-cloud .keyword { background-color: var(--motcles); color: #fff; padding: 0px 12px 0px 12px; font-size: 16px; border-radius: 0px 7px 0px 7px; display: inline-block; margin-top: 5px; transition: var(--transition); } /* Fond du mots clés widget Mots clés Hover (au passage du curseur) -------------------------------------- */ .widget-cloud .keyword:hover { background-color: var(--hover-motcles); } /*=================================================================================*/ /*========================= CONTENUS MODIFIABLE (Mode avancé) =====================*/ /*================================================================================*/ /* ============================ Bouton ============================ */ /* Bouton +Déposer aux couleurs de l'Inria --------------------------------------------- */ .btn-primary-orange { background: var(--bouton); border: 1px solid var(--bouton); } /* Bouton +Déposer aux couleurs de l'Inria --------------------------------------------- */ .btn-primary-orange:hover { background-color: var(--hover); } /* ============================ Zone & Barre de Recherche ============================ */ /* Correction d'un décalage de la barre de recherche à droite --------------------------------------------- */ #searchHeaderList { margin: auto !important; } /* Correction d'un bug permettant un défilement vertical non nécessaire --------------------------------------------- */ #ssheader-submit { margin-left: 0; margin-right: 0; } /* Correction d'un bug de positionnement de la loupe dans la barre de recherche et mise en couleur (harmonisation) --------------------------------------------- */ .hal-main-search-button { padding: 0 10px; color: var(--widget); } /* Mise en couleur de la ligne au clic dans la zone de recherche (harmonisation) (harmonisation) --------------------------------------------- */ .hal-main-search-input { background-image: linear-gradient(0deg,var(--widget) 50%,#0000 0); color: var(--texte); } /* Plus grande taille du menu déroulant dans la zone de recherche avancée --------------------------------------------- */ .dropdown-menu.show { max-height: 485px !important; } /* Correction de la hauteur des zones de recherches avancées ------------------------------------------------------------------------------------------------------------------------------------------------------ */ div.form-group.row input.input-flex, .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control, .input-group > .form-control-plaintext { height: 35px; } /* Correction de la taille des boutons dans recherche avancée ----------------------------------------------------------------------------------------------------------------------------------------- */ .input-group span.input-group-btn { width: 87px; } /* Correction de la marge des boutons dans recherche avancée ----------------------------------------------------------------------------------------------------------------------------------------- */ div.form-group.row .btn-group-sm > .btn-primary.btn, div.form-group.row .btn-primary.btn-sm { margin-left: 0px; } /* Correction d'un bug sur le Hover (au passage de la souris) des boutons dans recherche avancée ---------------------------------------------------------------------------------------------------- */ .input-group span.input-group-btn button:hover { background-color: transparent; } /* Harmonisation des couleurs sur le active des boutons dans recherche avancée --------------------------------------------------------------------------------------------------------------------- */ .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { background-color: var(--hover); border-color: var(--hover); } /* Uniformisation des couleurs et animations des boutons dans recherche avancée ------------------------------------------------------------------------------------------------------------------------- */ div.form-group.row span.input-group-btn { background-color: var(--bouton); transition: var(--transition); text-align: center; } /* Couleur du Bouton Ajouter dans zone de recherche hover (au passage de la souris) ---------------------------------------------------------------------------------------------------------- */ div.form-group.row span.input-group-btn:hover { background-color: var(--hover); } /* Couleur du Bouton Lancer la recherche dans zone de recherche avancée ---------------------------------------------------------------------------------------------------------- */ .hal-visualize-button { background-color: var(--bouton); } /* Couleur du Bouton Lancer la recherche dans zone de recherche hover (au passage de la souris) ---------------------------------------------------------------------------------------------------------- */ .hal-visualize-button:hover { background-color: var(--hover); } /* Texte Noir en Hover (au passage de la souris) sur les menus déroulant ---------------------------------------------------------------------------------------------------------- */ ul.dropdown-menu li:not(.not-white):hover a { color: #000 !important; } /* ======================================================================================= */ /* ====================================== MENU ========================================== */ /* ===================================================================================== */ /* ============================ Zone du menu ============================ */ /* Style de la zone du menu principal ----------------------------------------------------------------------- */ .website-navigation { background: var(--menu); min-height: 50px; padding-bottom: 0px; padding-top: 0px; } /* Taille des éléments du menu principal ----------------------------------------------------------------------- */ .nav-pills .nav-link { border-radius: 0px; padding: 5px 15px 5px 15px !important; } /* Couleur des boutons du menu principal ----------------------------------------------------------------------- */ .nav-pills .nav-link.active, .nav-pills .show > .nav-link{ background-color: var(--bouton-menu); color: #fff; } /* Couleur des boutons du menu principal en Hover (au passage de la souris) ----------------------------------------------------------------------- */ .website-navigation .nav-pills .nav-link:hover, .website-navigation .nav-pills .show > .nav-link { background: var(--hover-menu); } { /* Transition (survol du curseur) sur le menu --------------------------------------------------------------------------------------- */ .website-navigation .nav-pills .nav-link transition: var(--transition); } /* ============================ Menu déroulant (principal) ============================ */ /* Style du menu déroulant (principal) --------------------------------------------------------------------------------------- */ .website-navigation .nav-pills .dropdown-menu { background: var(--menu); border: 0px; border-radius:0px; margin: 0; transform: translate3d(-0px, 50px, 0px) !important; } /* Couleur du texte dans le menu déroulant (principal) & transition ----------------------------------------------------------------------- */ .website-navigation .dropdown-menu a { color: #fff; transition: var(--transition); } /* Couleur dans le menu déroulant (principal) hover (au passage de la souris) ----------------------------------------------------------------------- */ .website-navigation .dropdown-menu li.nav-item:hover a { color: var(--hover) !important; background: #ecf0f4; } /* Correction bug du couleur sur les boutons du menu déroulant (principal) hover (au passage de la souris) ----------------------------------------------------------------------- */ ul.dropdown-menu li:not(.not-white):hover { background-color: #ecf0f4!important; } /*==================================================================================*/ /*===================================== FOOTER =====================================*/ /*=================================================================================*/ /* Style et couleur du footer ----------------------------------------------------------------------- */ footer { background-color: #272F3D !important; margin-top: 0px; padding-top: 50px; } /* Style et couleur du texte du footer ----------------------------------------------------------------------- */ footer li a { color: #fff; background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 1px; transition: background-size 0.3s; } /* Style et couleur du texte du footer hover ----------------------------------------------------------------------- */ footer li a:focus, footer li a:hover { color: #fff; background-size: 100% 1px; font-weight: 500; } /* Séparateur du footer entre les élements ----------------------------------------------------------------------- */ div.col-sm-4:nth-child(2), div.col-sm-4:nth-child(3), div.col-sm-4:nth-child(6) { border-left: 1px solid rgba(255, 255, 255, 0.25); height: 175px; } /* Séparateur du footer entre les élements ----------------------------------------------------------------------- */ div.col-sm-4:nth-child(4){ border-left: 1px solid rgba(255, 255, 255, 0.25); border-right: 1px solid rgba(255, 255, 255, 0.25); height: 175px; } /*==================================================================================*/ /*==================================== RESPONSIVE ==================================*/ /*==================================================================================*/ /* Correction du chevauchement du bouton [+déposer dans HAL] avec la barre de rechercher ----------------------------------------------------------------------- */ @media (min-width: 992px) and (max-width: 1200px) { #searchHeaderList { width: 50%!important; } }