Difference between revisions of "Template:KCII-CSIA-Main-Navigation-English"

From wiki
Jump to navigation Jump to search
 
(31 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{template: Inspire rainbow styles}}
+
{{#css:
−
<html><style>
+
 
−
/*Hide the first heading*/
+
div.nav {
−
#firstHeading {
+
    margin: 0 0 35px 0;
−
    display: none;
+
    background-color: #49BCCE;
 +
font-size:0;
 
}
 
}
−
/*Hide the language box when not signed in*/
+
div.nav ul {
−
.langBox {
+
     padding: 0;
−
     display: none;
+
    margin: 0;
−
}
+
    list-style: none;
−
/*Hide the "back" link at top of page for subpages (breadcrum)*/
+
    position: relative;
−
#contentSub {
+
    }
−
     display: none;
+
div.nav ul li {
 +
    display:inline-block;
 +
    background-color: #49BCCE;
 +
    }
 +
div.nav a {
 +
     display:block;
 +
    padding:0 10px;
 +
    color:#FFF;
 +
    font-size:16px;
 +
    line-height: 60px;
 +
    text-decoration:none;
 
}
 
}
  
−
<head>
+
 
−
<title>GCdocs Program Layout</title>
+
div.nav a:hover,
−
<meta charset="utf-8">
+
div.nav a.mw-selflink,
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
div.nav a.mw-selflink:hover {
−
<style>
+
    background-color: #273A48;
−
body {
 
−
  margin: 0;
 
−
  padding: 0;
 
 
}
 
}
  
−
/* Style the header */
+
div.nav ul ul {
−
* {
+
    display: none;
−
  box-sizing: border-box;
+
    position: absolute;
−
  margin: 0;
+
    top: 60px;
−
  padding: 0;
+
z-index:500;
 +
border-left:2px solid white;
 +
border-right:2px solid white;
 +
border-bottom:2px solid white;
 
}
 
}
−
 
+
div.nav ul li:hover > ul {
−
.img-container {
+
    display:inherit;
−
margin:0;
 
−
  background-image: url(http://www.gcpedia.gc.ca/gcwiki/images/b/bb/GCdocs-GCpedia-banner-high-resolution%28BIL%29.png);
 
−
  background-size: 1178px 239px;
 
−
  min-height: 239px;
 
−
  margin: 0 auto;
 
−
  padding : 0;
 
−
  background-repeat: no-repeat;
 
−
  background-position: center top;
 
−
  }
 
−
 
 
−
.img-container a{
 
−
display: block;
 
−
    width: 1178px;
 
−
    height: 239px;
 
−
    text-decoration: none;
 
−
  text-align: center;
 
−
    cursor: pointer;
 
−
    overflow: hidden;
 
−
    text-indent: 100%;
 
−
    white-space:nowrap;
 
−
  }
 
−
 
 
−
 
 
−
/*Navigation Bar*/
 
−
.nav {
 
−
  list-style-type: none;
 
−
  margin: 0;
 
−
  padding: 0;
 
−
  overflow: hidden;
 
−
  background-color: #2F6632;
 
−
  text-align: center;
 
−
  text-decorationː none;
 
−
  font-family: Helvetica, sans-serif;
 
−
  font-size:20pt;
 
−
  font-weight: bold;
 
−
  border-top: none;
 
−
line-height:20px;
 
 
}
 
}
−
       
+
div.nav ul ul li {
−
.nav li {  
+
    width:230px;
−
  display: inline-block;  
+
    float:none;
−
  text-decorationː none;
+
    display:list-item;
 +
    position: relative;
 
}
 
}
−
.nav a {
+
div.nav ul ul ul li {
−
  display: block;
+
    position: relative;
−
  color: white;
+
    top:-60px;
−
  text-align: center;
+
    left:230px;
−
  padding: 16px;
 
−
  border-bottom: none;
 
−
  text-transform: uppercase;
 
 
}
 
}
−
.nav a:hover {
+
div.nav ul ul li {
−
  background-color: #71bd66;
+
     border: 0px solid white;
−
  text-decorationː none;
 
−
}
 
−
/*Responsive*/
 
−
@media screen and (max-width: 600px) {
 
−
  .nav a:not(:first-child) {display: none;}
 
−
  .nav a.icon {
 
−
     float: right;
 
−
    display: block;
 
 
}
 
}
 +
li > a:after { content:  ' ▼'; }
 +
li > a:only-child:after { content: ''; }
  
−
@media screen and (max-width: 600px) {
+
ul.div.nav li a.mw-selflink
−
  .nav.responsive {position: relative;}
 
−
  .nav.responsive .icon {
 
−
    position: absolute;
 
−
    right: 0;
 
−
    top: 0;
 
−
  }
 
−
  .nav.responsive a {
 
−
    float: none;
 
−
    display: block;
 
−
    text-align: left;
 
−
  }
 
−
</style>
 
−
</head>
 
−
<body>
 
  
−
<div class="img-container"> <a href="http://www.gcpedia.gc.ca/wiki/GCdocsProgram"></div></a>
+
}}
  
 
<div class="nav">
 
<div class="nav">
−
<ul class="nav">
+
<ul>
−
        <nav>
+
<li>[[User:Nick.frenette/Knowledge_Circle_for_Indigenous_Inclusion|Home]]</li>
−
            <ul>
+
<li>[[User:Nick.frenette/Knowledge_Circle_for_Indigenous_Inclusion/Events|Events]]
−
<li><a href="http://www.gcpedia.gc.ca/wiki/GCdocsProgram">Home</a></li>
+
<!--ul>
−
<li><a href="http://www.gcpedia.gc.ca/wiki/GCdocsProgram/About">About</a></li>
+
<li>[[User:Nick.frenette/Knowledge_Circle_for_Indigenous_Inclusion/Events1|Events1]]</li>
−
<li><a href="http://www.gcpedia.gc.ca/wiki/GCdocsProgram/What's_New">What's New</a></li>
+
<li>[[User:Nick.frenette/Knowledge_Circle_for_Indigenous_Inclusion/Events2|Events2]]</li>
−
<li><a href="http://www.gcpedia.gc.ca/wiki/GCdocsProgram/Resources">Resources</a></li>
+
</ul-->      
−
<li><a href="http://www.gcpedia.gc.ca/wiki/GCdocsProgram/Contact">Contact</a></li>
+
</li>
−
 
+
<li>[[User:Nick.frenette/Knowledge_Circle_for_Indigenous_Inclusion/Federal_Institutions_Booths|Federal Institutions Booths]]</li>
−
            </ul>
+
<li>[[User:Nick.frenette/Knowledge_Circle_for_Indigenous_Inclusion/Federal_institutions_Best_practices|Federal institutions Best practices]]</li>
−
        </nav>
+
</ul>
 
</div>
 
</div>
−
</body>
 
−
</html>
 
−
<div style="float:left; text-align:left; border:2px solid ##f9f9f9; padding:20px; background-color: #f9f9f9; width: 100%;">
 
−
<!-- call cascading stylesheet - do not touch // le code ci-dessous fait appel à une page qui contient le guide- n'y touchez pas-->{{#css:{{Cco-css}}}}<!-- remove table of contents from top of page - enlever la table des matières -->
 

Latest revision as of 08:15, 10 November 2020


Retrieved from "https://wiki.gccollab.ca/index.php?title=Template:KCII-CSIA-Main-Navigation-English&oldid=34485"