diff --git a/public/Makefile.am b/public/Makefile.am
index d4abf76eee4180732b25c885be031581bfd9769b..e8a7a30cd3a968d793cad20ef11602275ad32f74 100644
--- a/public/Makefile.am
+++ b/public/Makefile.am
@@ -3,13 +3,9 @@ appwwwdir = $(pkgdatadir)/public
nobase_appwww_DATA = \
css/style.css \
css/edugain.css \
- css/edugain-menu-master.css \
css/edugain-menu-min-600.css \
css/edugain-min-800.css \
css/renater.css \
- css/renater-fonts.css \
- css/renater-header.css \
- css/renater-footer.css \
js/menu.js \
js/startup.js \
font/Lato/Lato-BoldItalic.woff \
diff --git a/public/css/edugain-menu-master.css b/public/css/edugain-menu-master.css
deleted file mode 100644
index 3b524c1258e436b3526196542126608aebdb736c..0000000000000000000000000000000000000000
--- a/public/css/edugain-menu-master.css
+++ /dev/null
@@ -1,73 +0,0 @@
-
-.main-nav {
- font-size: 1.1em;
- display: table;
- border-top: 1px solid #EEE;
- border-bottom: 1px solid #EEE;
- padding-top: 0.5em;
- padding-bottom: 0.5em;
- letter-spacing: 0.1em;
- width: 100%;
-}
-
-
-.main-nav ul {
- font-size: 0.9em;
- list-style-type: none;
- margin: 0;
- padding: 0;
- /* overflow: hidden; */
-}
-
-.et-right a {
- color: #e87611;
-}
-
-.et-has-children {
- padding-top: 0.5em;
-}
-
-.et-submenu-option>a {
- display: inline-block;
- width: 100%;
- padding-top: 0.5em;
- padding-right: 0.5em;
- padding-left: 1em;
- padding-bottom: 0.5em;
-}
-
-.et-submenu-header {
- padding-left: 0.5em;
- font-weight: bold;
-}
-.et-first-option a{
- vertical-align: super;
-}
-.et-option, .et-last-option {
- display: none;
- padding-top: 0.5em;
-}
-
-.et-submenu {
- display: none;
-}
-
-.et-menu a {
- text-decoration: none;
-}
-
-.et-option>a:hover {
- text-decoration: underline;
-}
-
-.et-has-children:hover {
- cursor: default;
-}
-
-.et-option.et-expanded, .et-last-option.et-expanded, .et-submenu.et-expanded {
- display: block;
-}
-
-.nav-icon {
- float: right;
-}
diff --git a/public/css/edugain.css b/public/css/edugain.css
index 78f73bcba3b498e033d43451df1e0a9f32f66566..e8d1c231f8c88a0ff98fd45d54cb3f10b5f267cb 100644
--- a/public/css/edugain.css
+++ b/public/css/edugain.css
@@ -399,3 +399,76 @@ table.entity_details .details_subheader {
height: 75px !important;
}
}
+
+.main-nav {
+ font-size: 1.1em;
+ display: table;
+ border-top: 1px solid #EEE;
+ border-bottom: 1px solid #EEE;
+ padding-top: 0.5em;
+ padding-bottom: 0.5em;
+ letter-spacing: 0.1em;
+ width: 100%;
+}
+
+
+.main-nav ul {
+ font-size: 0.9em;
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ /* overflow: hidden; */
+}
+
+.et-right a {
+ color: #e87611;
+}
+
+.et-has-children {
+ padding-top: 0.5em;
+}
+
+.et-submenu-option>a {
+ display: inline-block;
+ width: 100%;
+ padding-top: 0.5em;
+ padding-right: 0.5em;
+ padding-left: 1em;
+ padding-bottom: 0.5em;
+}
+
+.et-submenu-header {
+ padding-left: 0.5em;
+ font-weight: bold;
+}
+.et-first-option a{
+ vertical-align: super;
+}
+.et-option, .et-last-option {
+ display: none;
+ padding-top: 0.5em;
+}
+
+.et-submenu {
+ display: none;
+}
+
+.et-menu a {
+ text-decoration: none;
+}
+
+.et-option>a:hover {
+ text-decoration: underline;
+}
+
+.et-has-children:hover {
+ cursor: default;
+}
+
+.et-option.et-expanded, .et-last-option.et-expanded, .et-submenu.et-expanded {
+ display: block;
+}
+
+.nav-icon {
+ float: right;
+}
diff --git a/public/css/renater-fonts.css b/public/css/renater-fonts.css
deleted file mode 100644
index 1da562b549a6f0a281b2f5d8046b63cc80dfb773..0000000000000000000000000000000000000000
--- a/public/css/renater-fonts.css
+++ /dev/null
@@ -1,19 +0,0 @@
- /* Webfonts */
-@font-face {
- font-family: "foobar_proregular";
- font-style: normal;
- font-weight: normal;
- src: url("../font/foobar/foobar_pro-regular-webfont.woff") format("woff"),
- url("../font/foobar/foobar_pro-regular-webfont.ttf") format("truetype");
-}
-
-/* Webfont: Lato-Regular */
-@font-face {
- font-family: 'LatoWeb';
- src: url('../font/Lato/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
- url('../font/Lato/Lato-Regular.woff') format('woff'), /* Modern Browsers */
- url('../font/Lato/Lato-Regular.ttf') format('truetype');
- font-style: normal;
- font-weight: normal;
- text-rendering: optimizeLegibility;
-}
diff --git a/public/css/renater-footer.css b/public/css/renater-footer.css
deleted file mode 100644
index 8d3263cb9e263156bf41d2523c34c8fe83e78229..0000000000000000000000000000000000000000
--- a/public/css/renater-footer.css
+++ /dev/null
@@ -1,71 +0,0 @@
-/*
- * 2013 - 2018 / RENATER
- */
-footer {
- display: table-row;
- position: absolute;
- right: 0;
- bottom: 0;
- left: 0;
- height:80px;
- min-height:auto;
- width:100%;
- background-color:#d90d12;
- padding:0!important;
- font-size: 0.85rem;
-}
-footer aside, footer article, footer a, footer a:hover{
- color:#fff!important;
-}
-footer article {
- height:50px;
- padding: 1em;
-}
-footer article p span{
- padding:0 10px;
-}
-footer article p span:nth-child(1) img{
- width:95px;
-}
-footer article p span:nth-child(2) {
- margin-left:0.975rem;
- font-size:0.7rem;
- line-height:0.9;
- border-left: 1px solid #fff;
-}
-
-footer aside {
- height:30px;
- padding: 0.5rem;
- background-color:#f0494d;
- font-size:11px;
-}
-footer aside p span:nth-child(1).columns, footer article p span:nth-child(1).columns{
- padding-left:0;
- padding-right:0;
-}
-footer aside p span:nth-child(2).columns{
- text-align:right;
-}
-footer aside *{
- font-family: 'LatoWeb';
- letter-spacing: 1px;
-}
-
-
-
-/* max-width 640px, mobile-only styles, use when QAing mobile issues */
-@media only screen and (max-width: 40em) {
- footer {
- display: table-row;
- height: auto;
- bottom: 0;
- margin-top:1rem!important;
- }
- footer aside {
- height: auto;
- }
- footer aside p span:nth-child(2).columns{
- text-align:left;
- }
-}
\ No newline at end of file
diff --git a/public/css/renater-header.css b/public/css/renater-header.css
deleted file mode 100644
index ceb57f6b44b32fe19cb113b4f568342b5d56f01a..0000000000000000000000000000000000000000
--- a/public/css/renater-header.css
+++ /dev/null
@@ -1,441 +0,0 @@
-/*
- * 2013 - 2018 / RENATER
- */
-
-header {
- width: 100%;
- margin:0;
- margin-top: 10px;
- padding:0;
- background-color: #fff;
- -webkit-box-shadow: 0px 2px 45px -10px rgba(0,0,0,0.75);
- -moz-box-shadow: 0px 2px 45px -10px rgba(0,0,0,0.75);
- box-shadow: 0px 2px 35px -10px rgba(0,0,0,0.6)
-}
-
-header img {
- background-color: transparent;
- border-width: 0;
- vertical-align:middle;
-}
-
-.top-bar, .top-bar ul {
- background-color: transparent;
-}
-.top-bar {
- display: block;
- padding:0;
- line-height: inherit;
-
-}
-.top-bar-left {
- float: left;
- margin-top:0;
- margin-bottom:0;
-}
-.top-bar-right {
- float: right;
- margin-right: 5%;
- margin-top:0;
- margin-bottom:0;
-}
-menu.top-bar-right > ul > li {
- padding-right: 1.5rem;
- display: table-cell;
- text-align: center;
- vertical-align: middle;
-}
-menu.top-bar-right > ul > li:last-child {
- margin-right: 0;
-}
-.top-bar .top-bar-right > * span {
- color: #fff;
-}
-.menu{
- display:table;
-}
-.menu > li > b.current, .menu > li > a {
- padding: 0;
- line-height: 1;
-}
-.menu .menu-text {
- padding: 0;
- display: table-cell;
- height: 90px;
- vertical-align: middle;
-}
-li.menu-text > a {
- padding: 0;
- display: table-cell;
- vertical-align: middle;
-}
-.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
- display: unset;
-}
-.menu.icon-top > li > a img.lang_img,.menu.icon-top > li > a img.support_img {
- margin-top: 16px;
-}
-.menu.icon-top > li > a img.user_img {
- margin-top: 9px;
-}
-.menu.icon-top > li > a img.managers_img {
- margin-top:9px;
- margin-left:12px;
-}
-.menu.icon-top > li > a img.user_connected_img {
- margin-top:10px;
- margin-left:12px;
-}
-.menu.icon-top > li > a img.ressources_img {
- margin-top:7px;
-}
-
-.menu.icon-top li a {
- -ms-flex-flow: unset;
- flex-flow: unset;
-}
-/**
- * Dropdown menus
- */
-
-.dropdown {
- display:table;
- height:90px;
- vertical-align: middle;
- margin-right: -1.5rem;
-}
-.dropdown.menu > li > a {
- display: table-cell;
- vertical-align: middle;
- padding: 0;
- background-color: #f0494d !important;
- width: 70px;
- height: 70px;
- cursor: pointer;
-}
-.dropdown.menu > li > a:hover, .dropdown.menu > li:hover > a, .dropdown.menu > li:hover > a:hover {
- background-color: #d90d12!important;
-}
-
-.dropdown.menu > li.is-dropdown-submenu-parent > a {
- padding: 0;
-}
-
-.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
- display:none;
-}
-
-.dropdown.menu > li.opens-left > .is-dropdown-submenu {
- right: 1.5rem;
- background-color:#f0494d;
- border:none;
-}
-.dropdown.menu > li.opens-left:hover > .is-dropdown-submenu {
- display: block;
- position: absolute;
- animation-name: theFade; /* nom de l'animation */
- animation-duration: 0.3s; /* temps de l'animation (4s) */
- animation-iteration-count: 1; /* nombre de boucles (infinie) */
- animation-timing-function: linear; /* accelération de l'animation (constant) */
-}
-.dropdown.menu > li.opens-left > .is-dropdown-submenu:before {
- content: ' ';
- height: 0;
- position: absolute;
- width: 0;
- top: 0;
- right: 25px;
- border-left: 10px solid transparent;
- border-right: 10px solid transparent;
- border-top: 10px solid #fff;
- font-size: 0;
- line-height: 0;
-
-}
-
-.dropdown.menu > li.opens-left > .is-dropdown-submenu > .is-dropdown-submenu-item {
- padding: 0.5rem;
- list-style-type: none;
- width: 100%;
- text-align: left;
-}
-.dropdown.menu > li.opens-left > .is-dropdown-submenu > .is-dropdown-submenu-item:hover {
- width: 100%;
- background-color: #d90d12;
- animation-name: theFade;
- animation-duration: 0.3s;
- animation-iteration-count: 1;
- animation-timing-function: linear;
-}
-.top-bar .top-bar-right > ul > li > a [class*="fi-"]::before,
-.top-bar .top-bar-right > ul > li > a [class*="fa-"]::before {
- color: #fff;
-}
-li.is-dropdown-submenu-item a label{
- cursor:pointer;
-}
-li.is-dropdown-submenu-item a label{
- display:inline-block;
-}
-/**
- * Title bar only shown for < medium screens
- */
-.title-bar {
- display:block;
- height: 50px;
- background: transparent;
- color: #d90d12;
-}
-
-.title-bar .menu-icon {
- height: 35px;
- background-color:transparent;
- border:none;
-}
-
-.title-bar .menu-icon::after {
- height: 3px;
- width: 120%;
- margin-top: 8px;
- background: #d90d12;
- box-shadow: 0 8px 0 #d90d12, 0 16px 0 #d90d12;
- border-radius: 5px;
-}
-
-.title-bar-title {
- margin-top:12px;
- font-family: LatoWebItalic;
- margin-right: 0.2rem !important;
-}
-
-.top-bar .top-bar-right .fa::before,
-.top-bar .top-bar-right [class^="fi-"]::before {
- color: #fff!important;
-}
-
-/* Small screens */
-
-/* Define mobile styles */
-
-/* max-width 450px, mobile-only styles, use when QAing mobile issues */
-@media only screen and (max-width: 28em){
-
-}
-
-/* max-width 640px, mobile-only styles, use when QAing mobile issues */
-@media only screen and (max-width: 40em) {
- header {
- margin-top: 0;
- -webkit-box-shadow: 0px 2px 15px -5px rgba(0,0,0,0.6);
- -moz-box-shadow: 0px 2px 15px -5px rgba(0,0,0,0.6);
- box-shadow: 0px 2px 15px -5px rgba(0,0,0,0.6);
- height: 50px;
- }
- .top-bar-left a img {
- height: 35px;
- }
- .top-bar .top-bar-left, .top-bar .top-bar-right {
- margin-left: 0;
- }
- .top-bar .top-bar-right {
- width: 100%;
- position: absolute;
- z-index: 100;
- animation-name: theFade; /* nom de l'animation */
- animation-duration: 0.25s; /* temps de l'animation (4s) */
- animation-iteration-count: 1; /* nombre de boucles (infinie) */
- animation-timing-function: linear; /* accelération de l'animation (constant) */
- box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 10px -2px;
- }
- ul.menu {
- width: 100%;
- }
- ul.menu a label{
- cursor: pointer;
- }
- .menu li.has-submenu ul.submenu{
- margin-left:0;
- }
- menu.top-bar-right div.is-drilldown ul.drilldown li{
- background-color:#fff;
- line-height: 1.5;
- padding: 0.5rem;
- color:#d90d12;
- }
- .top-bar .top-bar-right > * label {
- color: #d90d12;
- display:inline-block;
- }
- .menu.icon-top > li > a img,
- .menu.icon-top > li > a i,
- .menu.icon-top > li > a span {
- display: inline-block;
- margin: 0 0.25rem;
- }
- .is-drilldown {
- min-height: auto !important;
- width:100%;
- }
- .is-drilldown li.hide-for-small-only {
- display: none!important;
- }
- .is-drilldown li.show-for-small-only {
- display: block!important;
- }
-
- .drilldown .is-drilldown-submenu-parent > a::after {
- position: relative;
- right: 0;
- display: inline-block;
- border-color: transparent transparent transparent #f0494d;
- }
- .top-bar .top-bar-right .fa::before,
- .top-bar .top-bar-right [class^="fi-"]::before {
- width: 1rem;
- color:#d90d12!important;
- }
-}
-
-/* Medium screens */
-
-/* min-width 641px, medium screens */
-@media only screen and (min-width: 40.063em) {
-
-}
-
-@media only screen and (max-width: 64em) {
- .top-bar-right {
- margin-right: 0;
- }
- .dropdown {
- height:75px;
- vertical-align: middle;
- margin-right: 0;
-
- }
- .dropdown.menu > li > a {
- width: 60px;
- height: 60px;
- }
- .menu.icon-top > li > a img.lang_img,.menu.icon-top > li > a img.support_img {
- margin-top: 13px;
- }
- .menu.icon-top > li > a img.user_img {
- margin-top: 6px;
- }
- .menu.icon-top > li > a img.managers_img {
- margin-top:6px;
- margin-left:8px;
- }
- .menu.icon-top > li > a img.user_connected_img {
- margin-top:7px;
- margin-left:8px;
- }
- .menu.icon-top > li > a img.ressources_img {
- margin-top:2px;
- }
- .top-bar .top-bar-left, .top-bar .top-bar-right {
- margin-left: 0;
- }
- .tooltip-for-small{
- display:inherit;
- }
- .dropdown.menu > li.opens-left > .is-dropdown-submenu:before {
- content: ' ';
- height: 0;
- position: absolute;
- width: 0;
- right:23px;
- border-left: 7px solid transparent;
- border-right: 7px solid transparent;
- border-top: 7px solid #fff;
- font-size: 0;
- line-height: 0;
- }
-}
-
-@media only screen and (min-width: 40.063em) and (max-width: 800px)
-{
- .menu-text a img {
- height: 40px;
- }
- .top-bar .top-bar-right > * label {
- display: none;
- }
-}
-@media only screen and (min-width: 801px) and (max-width: 64em)
-{
- .menu-text a img {
- height: 50px;
- }
- .top-bar .top-bar-right > * label {
- font-size: 0.7rem;
- }
-}
-
-/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
-@media only screen and (min-width: 40.063em) and (max-width: 50em) {
-
-}
-
-/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
-@media only screen and (min-width: 40.063em) and (max-width: 64em) {
- header > h1 {
- font-size:1.9rem;
- }
- header, .menu .menu-text{
- height:75px;
- }
-}
-
-/* Large screens */
-
-/* min-width 1025px, large screens */
-@media only screen and (min-width: 64.063em) {
- header > h1 {
- font-size:2.2rem;
- }
- header{
- height:90px!important;
- }
-}
-
-/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
-@media only screen and (min-width: 64.063em) and (max-width: 90em) {
- .menu-text a img{
- height:60px;
- }
- .top-bar-right {
- margin-right: 5%;
- }
- .top-bar .top-bar-left, .top-bar .top-bar-right {
- margin-left: 5%;
- }
-}
-
-
-/* XLarge screens */
-
-/* min-width 1441px, xlarge screens */
-@media only screen and (min-width: 90.063em) {
- .top-bar-right {
- margin-right: 10%;
- }
- .top-bar .top-bar-left, .top-bar .top-bar-right {
- margin-left: 10%;
- }
-}
-
-/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
-@media only screen and (min-width: 90.063em) and (max-width: 120em) {
- .menu-text a img{
- height:65px;
- }
-
-}
-
-
-/* XXLarge screens*/
-
-/* min-width 1921px, xxlarge screens */
-@media only screen and (min-width: 120.063em) {}
diff --git a/public/css/renater.css b/public/css/renater.css
index 8671e045f337ca4c0f9a821eb786cc044d04b91a..aa8a251cf908b246a0b07cb64910c0fc4e7adfbd 100644
--- a/public/css/renater.css
+++ b/public/css/renater.css
@@ -1,8 +1,3 @@
-/*
- * This file is part of the access project project.
- * 2013 - 2018 / RENATER
- */
-
* {/* Proportional fonts */
font-family: 'LatoWeb', sans-serif;
font-size: 1rem;
@@ -388,3 +383,526 @@ div.account table tbody {
/* min-width 1921px, xxlarge screens */
@media only screen and (min-width: 120.063em) {}
+
+header {
+ width: 100%;
+ margin:0;
+ margin-top: 10px;
+ padding:0;
+ background-color: #fff;
+ -webkit-box-shadow: 0px 2px 45px -10px rgba(0,0,0,0.75);
+ -moz-box-shadow: 0px 2px 45px -10px rgba(0,0,0,0.75);
+ box-shadow: 0px 2px 35px -10px rgba(0,0,0,0.6)
+}
+
+header img {
+ background-color: transparent;
+ border-width: 0;
+ vertical-align:middle;
+}
+
+.top-bar, .top-bar ul {
+ background-color: transparent;
+}
+.top-bar {
+ display: block;
+ padding:0;
+ line-height: inherit;
+
+}
+.top-bar-left {
+ float: left;
+ margin-top:0;
+ margin-bottom:0;
+}
+.top-bar-right {
+ float: right;
+ margin-right: 5%;
+ margin-top:0;
+ margin-bottom:0;
+}
+menu.top-bar-right > ul > li {
+ padding-right: 1.5rem;
+ display: table-cell;
+ text-align: center;
+ vertical-align: middle;
+}
+menu.top-bar-right > ul > li:last-child {
+ margin-right: 0;
+}
+.top-bar .top-bar-right > * span {
+ color: #fff;
+}
+.menu{
+ display:table;
+}
+.menu > li > b.current, .menu > li > a {
+ padding: 0;
+ line-height: 1;
+}
+.menu .menu-text {
+ padding: 0;
+ display: table-cell;
+ height: 90px;
+ vertical-align: middle;
+}
+li.menu-text > a {
+ padding: 0;
+ display: table-cell;
+ vertical-align: middle;
+}
+.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
+ display: unset;
+}
+.menu.icon-top > li > a img.lang_img,.menu.icon-top > li > a img.support_img {
+ margin-top: 16px;
+}
+.menu.icon-top > li > a img.user_img {
+ margin-top: 9px;
+}
+.menu.icon-top > li > a img.managers_img {
+ margin-top:9px;
+ margin-left:12px;
+}
+.menu.icon-top > li > a img.user_connected_img {
+ margin-top:10px;
+ margin-left:12px;
+}
+.menu.icon-top > li > a img.ressources_img {
+ margin-top:7px;
+}
+
+.menu.icon-top li a {
+ -ms-flex-flow: unset;
+ flex-flow: unset;
+}
+/**
+ * Dropdown menus
+ */
+
+.dropdown {
+ display:table;
+ height:90px;
+ vertical-align: middle;
+ margin-right: -1.5rem;
+}
+.dropdown.menu > li > a {
+ display: table-cell;
+ vertical-align: middle;
+ padding: 0;
+ background-color: #f0494d !important;
+ width: 70px;
+ height: 70px;
+ cursor: pointer;
+}
+.dropdown.menu > li > a:hover, .dropdown.menu > li:hover > a, .dropdown.menu > li:hover > a:hover {
+ background-color: #d90d12!important;
+}
+
+.dropdown.menu > li.is-dropdown-submenu-parent > a {
+ padding: 0;
+}
+
+.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
+ display:none;
+}
+
+.dropdown.menu > li.opens-left > .is-dropdown-submenu {
+ right: 1.5rem;
+ background-color:#f0494d;
+ border:none;
+}
+.dropdown.menu > li.opens-left:hover > .is-dropdown-submenu {
+ display: block;
+ position: absolute;
+ animation-name: theFade; /* nom de l'animation */
+ animation-duration: 0.3s; /* temps de l'animation (4s) */
+ animation-iteration-count: 1; /* nombre de boucles (infinie) */
+ animation-timing-function: linear; /* accelération de l'animation (constant) */
+}
+.dropdown.menu > li.opens-left > .is-dropdown-submenu:before {
+ content: ' ';
+ height: 0;
+ position: absolute;
+ width: 0;
+ top: 0;
+ right: 25px;
+ border-left: 10px solid transparent;
+ border-right: 10px solid transparent;
+ border-top: 10px solid #fff;
+ font-size: 0;
+ line-height: 0;
+
+}
+
+.dropdown.menu > li.opens-left > .is-dropdown-submenu > .is-dropdown-submenu-item {
+ padding: 0.5rem;
+ list-style-type: none;
+ width: 100%;
+ text-align: left;
+}
+.dropdown.menu > li.opens-left > .is-dropdown-submenu > .is-dropdown-submenu-item:hover {
+ width: 100%;
+ background-color: #d90d12;
+ animation-name: theFade;
+ animation-duration: 0.3s;
+ animation-iteration-count: 1;
+ animation-timing-function: linear;
+}
+.top-bar .top-bar-right > ul > li > a [class*="fi-"]::before,
+.top-bar .top-bar-right > ul > li > a [class*="fa-"]::before {
+ color: #fff;
+}
+li.is-dropdown-submenu-item a label{
+ cursor:pointer;
+}
+li.is-dropdown-submenu-item a label{
+ display:inline-block;
+}
+/**
+ * Title bar only shown for < medium screens
+ */
+.title-bar {
+ display:block;
+ height: 50px;
+ background: transparent;
+ color: #d90d12;
+}
+
+.title-bar .menu-icon {
+ height: 35px;
+ background-color:transparent;
+ border:none;
+}
+
+.title-bar .menu-icon::after {
+ height: 3px;
+ width: 120%;
+ margin-top: 8px;
+ background: #d90d12;
+ box-shadow: 0 8px 0 #d90d12, 0 16px 0 #d90d12;
+ border-radius: 5px;
+}
+
+.title-bar-title {
+ margin-top:12px;
+ font-family: LatoWebItalic;
+ margin-right: 0.2rem !important;
+}
+
+.top-bar .top-bar-right .fa::before,
+.top-bar .top-bar-right [class^="fi-"]::before {
+ color: #fff!important;
+}
+
+/* Small screens */
+
+/* Define mobile styles */
+
+/* max-width 450px, mobile-only styles, use when QAing mobile issues */
+@media only screen and (max-width: 28em){
+
+}
+
+/* max-width 640px, mobile-only styles, use when QAing mobile issues */
+@media only screen and (max-width: 40em) {
+ header {
+ margin-top: 0;
+ -webkit-box-shadow: 0px 2px 15px -5px rgba(0,0,0,0.6);
+ -moz-box-shadow: 0px 2px 15px -5px rgba(0,0,0,0.6);
+ box-shadow: 0px 2px 15px -5px rgba(0,0,0,0.6);
+ height: 50px;
+ }
+ .top-bar-left a img {
+ height: 35px;
+ }
+ .top-bar .top-bar-left, .top-bar .top-bar-right {
+ margin-left: 0;
+ }
+ .top-bar .top-bar-right {
+ width: 100%;
+ position: absolute;
+ z-index: 100;
+ animation-name: theFade; /* nom de l'animation */
+ animation-duration: 0.25s; /* temps de l'animation (4s) */
+ animation-iteration-count: 1; /* nombre de boucles (infinie) */
+ animation-timing-function: linear; /* accelération de l'animation (constant) */
+ box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 10px -2px;
+ }
+ ul.menu {
+ width: 100%;
+ }
+ ul.menu a label{
+ cursor: pointer;
+ }
+ .menu li.has-submenu ul.submenu{
+ margin-left:0;
+ }
+ menu.top-bar-right div.is-drilldown ul.drilldown li{
+ background-color:#fff;
+ line-height: 1.5;
+ padding: 0.5rem;
+ color:#d90d12;
+ }
+ .top-bar .top-bar-right > * label {
+ color: #d90d12;
+ display:inline-block;
+ }
+ .menu.icon-top > li > a img,
+ .menu.icon-top > li > a i,
+ .menu.icon-top > li > a span {
+ display: inline-block;
+ margin: 0 0.25rem;
+ }
+ .is-drilldown {
+ min-height: auto !important;
+ width:100%;
+ }
+ .is-drilldown li.hide-for-small-only {
+ display: none!important;
+ }
+ .is-drilldown li.show-for-small-only {
+ display: block!important;
+ }
+
+ .drilldown .is-drilldown-submenu-parent > a::after {
+ position: relative;
+ right: 0;
+ display: inline-block;
+ border-color: transparent transparent transparent #f0494d;
+ }
+ .top-bar .top-bar-right .fa::before,
+ .top-bar .top-bar-right [class^="fi-"]::before {
+ width: 1rem;
+ color:#d90d12!important;
+ }
+}
+
+/* Medium screens */
+
+/* min-width 641px, medium screens */
+@media only screen and (min-width: 40.063em) {
+
+}
+
+@media only screen and (max-width: 64em) {
+ .top-bar-right {
+ margin-right: 0;
+ }
+ .dropdown {
+ height:75px;
+ vertical-align: middle;
+ margin-right: 0;
+
+ }
+ .dropdown.menu > li > a {
+ width: 60px;
+ height: 60px;
+ }
+ .menu.icon-top > li > a img.lang_img,.menu.icon-top > li > a img.support_img {
+ margin-top: 13px;
+ }
+ .menu.icon-top > li > a img.user_img {
+ margin-top: 6px;
+ }
+ .menu.icon-top > li > a img.managers_img {
+ margin-top:6px;
+ margin-left:8px;
+ }
+ .menu.icon-top > li > a img.user_connected_img {
+ margin-top:7px;
+ margin-left:8px;
+ }
+ .menu.icon-top > li > a img.ressources_img {
+ margin-top:2px;
+ }
+ .top-bar .top-bar-left, .top-bar .top-bar-right {
+ margin-left: 0;
+ }
+ .tooltip-for-small{
+ display:inherit;
+ }
+ .dropdown.menu > li.opens-left > .is-dropdown-submenu:before {
+ content: ' ';
+ height: 0;
+ position: absolute;
+ width: 0;
+ right:23px;
+ border-left: 7px solid transparent;
+ border-right: 7px solid transparent;
+ border-top: 7px solid #fff;
+ font-size: 0;
+ line-height: 0;
+ }
+}
+
+@media only screen and (min-width: 40.063em) and (max-width: 800px)
+{
+ .menu-text a img {
+ height: 40px;
+ }
+ .top-bar .top-bar-right > * label {
+ display: none;
+ }
+}
+@media only screen and (min-width: 801px) and (max-width: 64em)
+{
+ .menu-text a img {
+ height: 50px;
+ }
+ .top-bar .top-bar-right > * label {
+ font-size: 0.7rem;
+ }
+}
+
+/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
+@media only screen and (min-width: 40.063em) and (max-width: 50em) {
+
+}
+
+/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
+@media only screen and (min-width: 40.063em) and (max-width: 64em) {
+ header > h1 {
+ font-size:1.9rem;
+ }
+ header, .menu .menu-text{
+ height:75px;
+ }
+}
+
+/* Large screens */
+
+/* min-width 1025px, large screens */
+@media only screen and (min-width: 64.063em) {
+ header > h1 {
+ font-size:2.2rem;
+ }
+ header{
+ height:90px!important;
+ }
+}
+
+/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
+@media only screen and (min-width: 64.063em) and (max-width: 90em) {
+ .menu-text a img{
+ height:60px;
+ }
+ .top-bar-right {
+ margin-right: 5%;
+ }
+ .top-bar .top-bar-left, .top-bar .top-bar-right {
+ margin-left: 5%;
+ }
+}
+
+
+/* XLarge screens */
+
+/* min-width 1441px, xlarge screens */
+@media only screen and (min-width: 90.063em) {
+ .top-bar-right {
+ margin-right: 10%;
+ }
+ .top-bar .top-bar-left, .top-bar .top-bar-right {
+ margin-left: 10%;
+ }
+}
+
+/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
+@media only screen and (min-width: 90.063em) and (max-width: 120em) {
+ .menu-text a img{
+ height:65px;
+ }
+
+}
+
+
+/* XXLarge screens*/
+
+/* min-width 1921px, xxlarge screens */
+@media only screen and (min-width: 120.063em) {}
+
+footer {
+ display: table-row;
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ height:80px;
+ min-height:auto;
+ width:100%;
+ background-color:#d90d12;
+ padding:0!important;
+ font-size: 0.85rem;
+}
+footer aside, footer article, footer a, footer a:hover{
+ color:#fff!important;
+}
+footer article {
+ height:50px;
+ padding: 1em;
+}
+footer article p span{
+ padding:0 10px;
+}
+footer article p span:nth-child(1) img{
+ width:95px;
+}
+footer article p span:nth-child(2) {
+ margin-left:0.975rem;
+ font-size:0.7rem;
+ line-height:0.9;
+ border-left: 1px solid #fff;
+}
+
+footer aside {
+ height:30px;
+ padding: 0.5rem;
+ background-color:#f0494d;
+ font-size:11px;
+}
+footer aside p span:nth-child(1).columns, footer article p span:nth-child(1).columns{
+ padding-left:0;
+ padding-right:0;
+}
+footer aside p span:nth-child(2).columns{
+ text-align:right;
+}
+footer aside *{
+ font-family: 'LatoWeb';
+ letter-spacing: 1px;
+}
+
+/* max-width 640px, mobile-only styles, use when QAing mobile issues */
+@media only screen and (max-width: 40em) {
+ footer {
+ display: table-row;
+ height: auto;
+ bottom: 0;
+ margin-top:1rem!important;
+ }
+ footer aside {
+ height: auto;
+ }
+ footer aside p span:nth-child(2).columns{
+ text-align:left;
+ }
+} /* Webfonts */
+@font-face {
+ font-family: "foobar_proregular";
+ font-style: normal;
+ font-weight: normal;
+ src: url("../font/foobar/foobar_pro-regular-webfont.woff") format("woff"),
+ url("../font/foobar/foobar_pro-regular-webfont.ttf") format("truetype");
+}
+
+/* Webfont: Lato-Regular */
+@font-face {
+ font-family: 'LatoWeb';
+ src: url('../font/Lato/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
+ url('../font/Lato/Lato-Regular.woff') format('woff'), /* Modern Browsers */
+ url('../font/Lato/Lato-Regular.ttf') format('truetype');
+ font-style: normal;
+ font-weight: normal;
+ text-rendering: optimizeLegibility;
+}
diff --git a/templates/web/edugain/index.html.tt2 b/templates/web/edugain/index.html.tt2
index 0ef63ab0cf452c6db0949a5f0c8727d6a2408569..a72ff22afd5b790bb39030fa73dab8ea3dba080d 100644
--- a/templates/web/edugain/index.html.tt2
+++ b/templates/web/edugain/index.html.tt2
@@ -12,7 +12,6 @@
<link type="text/css" rel="stylesheet" href="/jquery-ui-1.12.1/jquery-ui.min.css"/>
<link type="text/css" rel="stylesheet" href="/css/style.css"/>
<link type="text/css" rel="stylesheet" href="/css/edugain.css" />
- <link type="text/css" rel="stylesheet" href="/css/edugain-menu-master.css" />
<link type="text/css" rel="stylesheet" href="/css/edugain-menu-min-600.css" media="(min-width: 800px)" />
<link type="text/css" rel="stylesheet" href="/css/edugain-min-800.css" media="(min-width: 800px)" />
diff --git a/templates/web/renater/index.html.tt2 b/templates/web/renater/index.html.tt2
index cb14be960d7f2568e20ef1bf9fac5c30008bdd04..2667efb0cb3045ee28974e8c6daa0896feeef6a4 100644
--- a/templates/web/renater/index.html.tt2
+++ b/templates/web/renater/index.html.tt2
@@ -11,9 +11,6 @@
<link type="text/css" rel="stylesheet" href="/jquery-ui-1.12.1/jquery-ui.min.css" />
<link type="text/css" rel="stylesheet" href="/css/style.css" />
<link type="text/css" rel="stylesheet" href="/css/renater.css" />
- <link type="text/css" rel="stylesheet" href="/css/renater-header.css" />
- <link type="text/css" rel="stylesheet" href="/css/renater-footer.css" />
- <link type="text/css" rel="stylesheet" href="/css/renater-fonts.css" />
<script src="/jquery-3.3.1.min.js"></script>
<script src="/jquery-ui-1.12.1/jquery-ui.min.js"></script>