wiki

Changes

Template:KCII-CSIA-Main-Navigation-English (view source)

Revision as of 09:15, 10 November 2020

1,341 bytes removed ,  09:15, 10 November 2020
no edit summary
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 -->
 
Nick.frenette
130

edits

Retrieved from "https://wiki.gccollab.ca/Special:MobileDiff/33824...34485"