Difference between revisions of "Template:Digital Talent Nav"

From wiki
Jump to navigation Jump to search
Line 1: Line 1:
−
<!--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>}}
 
−
{| width="100%" cellpadding="5px" cellspacing="5px"
 
−
<!--Navigation BEGINS-->
 
 
{{#css:
 
{{#css:
−
div.nav {
+
 
−
    background-color: #624A8B;
+
.headcontainer {
 +
font-family: "Open Sans",sans-serif;
 +
font-style: normal;
 +
font-weight: 200;
 
}
 
}
−
div.nav ul {
 
−
    padding: 0;
 
−
    margin: 0 0 0 30px;
 
−
    list-style: none;
 
−
    position: relative;
 
−
    }
 
  
−
div.nav ul li {
+
h1 {
−
    display:inline-block;
+
color: #00A196;
−
    }
+
padding-bottom: 0px;
 +
font-size: 40px !important;
 +
font-family: "Open Sans",sans-serif !important;
 +
        border: none;
 +
}
  
−
div.nav a {
+
.headercontent
−
    display:block;
+
{
−
    padding:0 10px;
+
width:900px;
−
    color:#FFFFFF;
+
margin-left: auto;
−
    font-size:16px;
+
margin-right: auto;
−
font-weight:600;
 
−
    line-height: 75px;
 
−
    text-decoration: none;
 
 
}
 
}
  
−
div.nav a:hover,
+
.menubar
−
div.nav a:visited,
+
{
−
div.nav a.mw-selflink,
+
background-color:#3D3D3D;
−
div.nav a.mw-selflink:hover {
+
height: 50px;
−
color:#FFF;
+
padding: 0;
−
    background-color: #504278;
+
margin: 0;
 +
 
 
}
 
}
  
−
<!--Banner BEGINS-->
+
.headercontent p
−
.banner {
+
{
−
background-color: #624A8B;
+
color: #000000;
 +
font-size: 20px;
 +
padding: 0;
 +
margin: 0;
 
}
 
}
 +
.menubar ul
 +
{
 +
  list-style-type: none;
 +
  margin: 0;
 +
  padding: 0;
 +
  overflow: hidden;
 +
  padding: auto; /* Remove padding */
 +
  margin: auto; /* Remove margins */
  
−
.banner .container {
+
width: 900px;
−
/*max-width:900px;*/
+
}
−
display:block;
+
 
−
margin:0 auto;
+
.menubar li
 +
{
 +
  display: block;
 +
  color: white;
 +
  text-align: center;
 +
  padding: 15px 15px;
 +
  text-decoration: none;
 +
float: left;
 +
}
 +
 
 +
.menubar li:hover
 +
{
 +
background: #000000;
 +
}
 +
 
 +
.menubar li:focus
 +
{
 +
background: #000000;
 +
}
 +
 
 +
li a
 +
{
 +
color: white;
 +
}
 +
li a:hover:not(.active) {
 +
  color: #FFFFFF;
 +
}
 +
 
 +
.active {
 +
  color: #FFFFFF;
 +
}
 +
 
 +
.hero_header {
 +
color: #FFFFFF;
 +
text-align: center;
 +
margin-top: 0px;
 +
margin-right: 0px;
 +
margin-bottom: 0px;
 +
margin-left: 0px;
 +
letter-spacing: 4px;
 +
}
 +
/* Hero Section */
 +
.hero {
 +
background-color: #FFFFFF;
 +
padding-top: 30px;
 +
padding-bottom: 30px;
 
}
 
}
  
−
.banner .container img {
+
.rainbow_bar
−
width:100%;
+
{
−
height:auto;
+
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="headcontainer">
−
<div class="nav">
+
  <div class="hero" id="hero">
−
<ul>
+
    <div class="headercontent">
−
<li>[[Digital_Talent|Home]]</li>
+
      <h1>Digital Talent</h1>
−
<li>[[Digital_Talent/Digital_Talent_Strategy|Digital Talent Strategy]]</li>
+
      <p>Help grow digital talent and skills in the government of Canada</p>
−
<li>[[Digital_Talent/Digital_Skills|Digital Skills Initiative]]</li>
+
    </div>
−
<li>[[Digital_Talent/Ecosystem_for_Digital_Talent|Ecosystem for Digital Talent]]</li>
+
  </div>
−
<li>[[Digital_Talent/Contact|Contact]]</li>
+
  <!-- About Section -->
−
</ul>
+
<div class="menubar">
−
</div>
+
      <ul>
 +
        <li><a href="www.google.com">Home</a></li>
 +
        <li>Digital Talent Strategy</li>
 +
        <li>Digital Skills Initiative</li>
 +
        <li>Ecosystem for Digital Talent</li>
 +
        <li>Contact</li>
 +
      </ul>
 +
  </div>
 +
  <div class="rainbow_bar"></div>
  
 
<!--Navigation coding ENDS-->
 
<!--Navigation coding ENDS-->

Revision as of 19:05, 16 January 2023

Digital Talent

Help grow digital talent and skills in the government of Canada

  • <a href="www.google.com">Home</a>
  • Digital Talent Strategy
  • Digital Skills Initiative
  • Ecosystem for Digital Talent
  • Contact


Retrieved from "https://wiki.gccollab.ca/index.php?title=Template:Digital_Talent_Nav&oldid=87980"