Changes

no edit summary
Line 1: Line 1:  
<!--The following line of code hides the page title-->
 
<!--The following line of code hides the page title-->
 
{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}
 
{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}
{| width="100%" cellpadding="5px" cellspacing="5px"
  −
<!--Navigation BEGINS-->
   
{{#css:
 
{{#css:
div.nav {
+
.menubar a:visited {
    background-color: #624A8B;
+
  color: #FFFFFF;
 
}
 
}
div.nav ul {
  −
    padding: 0;
  −
    margin: 0 0 0 30px;
  −
    list-style: none;
  −
    position: relative;
  −
    }
     −
div.nav ul li {
+
.menubar {
    display:inline-block;
+
  background-color:#3D3D3D;
    }
+
  height: auto;
 +
  padding: 0;
 +
  margin: 0;
 +
  font-family: "Open Sans",sans-serif;
 +
  font-style: normal;
 +
  font-weight: 200;
   −
div.nav a {
  −
    display:block;
  −
    padding:0 10px;
  −
    color:#FFFFFF;
  −
    font-size:16px;
  −
font-weight:600;
  −
    line-height: 75px;
  −
    text-decoration: none;
   
}
 
}
   −
div.nav a:hover,
+
.menubar ul {
div.nav a:visited,
+
  list-style-type: none;
div.nav a.mw-selflink,
+
  margin: 0;
div.nav a.mw-selflink:hover {
+
  padding: 0;
color:#FFF;
+
  overflow: hidden;
    background-color: #504278;
+
  width: 100%;
 
}
 
}
   −
<!--Banner BEGINS-->
+
.menubar li {
.banner {
+
  display: inline-block;
background-color: #624A8B;
+
  color: #FFFFFF;
 +
  text-align: center;
 +
  padding-top: 15px;
 +
  padding-bottom: 15px;
 +
  text-decoration: none;
 
}
 
}
   −
.banner .container {
+
.menubar li:hover {
/*max-width:900px;*/
+
  background: #000000;
display:block;
  −
margin:0 auto;
   
}
 
}
   −
.banner .container img {
+
.menubar li:focus
width:100%;
+
{
height:auto;
+
  background: #000000;
 +
}
 +
 
 +
.menubar li a {
 +
  color: white;
 +
  padding: 15px;
 +
}
 +
.menubar li a:hover:not(.active) {
 +
  color: #FFFFFF;
 +
}
 +
 
 +
.active {
 +
  color: #FFFFFF;
 +
}
 +
 
 +
.rainbow_bar {
 +
  height: 20px;
 +
  background: linear-gradient(90deg,#ffad31,#52c765,#27c9bc,#ff5958);
 
}
 
}
    
}}
 
}}
<div class="banner"><div class="container">[[File:Growing banner.png|class=banner]]</div></div>
+
<div class="menubar">
<div class="nav">
+
      <ul>
<ul>
+
        <li>[[Talent_numérique|Accueil]]</li>
<li>[[Talent_numérique|Accueil]]</li>
+
        <li>[[Talent_numérique/La_stratégie_du_GC_sur_les_talents_numériques|La stratégie du GC sur les talents numériques]]</li>
<li>[[Talent_numérique/La_stratégie_du_GC_sur_les_talents_numériques|La stratégie du GC sur les talents numériques]]</li>
+
        <li>[[Talent_numérique/L’initiative_sur_les_compétences_en_matière_de_numérique|L’initiative sur les compétences en matière de numérique]]</li>
<li>[[Talent_numérique/L’initiative_sur_les_compétences_en_matière_de_numérique|L’initiative sur les compétences en matière de numérique]]</li>
+
        <li>[[Talent_numérique/Exploration_de_l’écosystème_en_quête_de_talent_numérique|L’écosystème en quête de talent numériques]]</li>
<li>[[Talent_numérique/Exploration_de_l’écosystème_en_quête_de_talent_numérique|L’écosystème en quête de talent numériques]]</li>
+
        <li>[[Talent_numérique/Contacter|Contacter]]</li>
<li>[[Talent_numérique/Contacter|Contacter]]</li>
+
      </ul>
</ul>
+
  </div>
</div>
+
  <div class="rainbow_bar"></div>
 
  −
<!--Navigation coding ENDS-->