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--> | |