17
edits
Changes
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--> − div.nav {+ − background-color: #624A8B;+ + + + − div.nav ul { − padding: 0; − margin: 0 0 0 30px; − list-style: none; − position: relative; − } − div.nav ul li {+ − display:inline-block;+ − }+ + + + + − 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,+ − div.nav a:visited,+ − div.nav a.mw-selflink,+ − div.nav a.mw-selflink:hover {+ − color:#FFF;+ − background-color: #504278;+ + − <!--Banner BEGINS-->+ − .banner {+ − background-color: #624A8B;+ + + + + + + + + + + + − + − + − display:block;+ − margin:0 auto;+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + − + − width:100%;+ − height:auto;+ + − + − + − + − + − + − + − + − + − + − + + + + + + + + +
Template:Digital Talent Nav (view source)
Revision as of 19:05, 16 January 2023
, 19:05, 16 January 2023no edit summary
{{#css:
{{#css:
.headcontainer {
font-family: "Open Sans",sans-serif;
font-style: normal;
font-weight: 200;
}
}
h1 {
color: #00A196;
padding-bottom: 0px;
font-size: 40px !important;
font-family: "Open Sans",sans-serif !important;
border: none;
}
.headercontent
{
width:900px;
margin-left: auto;
margin-right: auto;
}
}
.menubar
{
background-color:#3D3D3D;
height: 50px;
padding: 0;
margin: 0;
}
}
.headercontent p
{
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;*/
}
.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
{
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-->
