465
edits
Changes
Created page with "<html><style> →Hide the first heading: #firstHeading { display: none; } →Hide the language box when not signed in: .langBox { display: none; } /*Hide the "back" l..."
<html><style>
/*Hide the first heading*/
#firstHeading {
display: none;
}
/*Hide the language box when not signed in*/
.langBox {
display: none;
}
/*Hide the "back" link at top of page for subpages (breadcrum)*/
#contentSub {
display: none;
}
<head>
<title>GCintranet Layout</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
margin: 0;
padding: 0;
}
/* Style the header */
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.img-container {
margin:0;
background-image: url(https://wiki.gccollab.ca/images/5/55/Consular_and_Emergency_Response_Communications.png);
background-size: 1670px 169px;
min-height: 169px;
margin: 0 auto;
padding : 0;
background-repeat: no-repeat;
background-position: center top;
}
.img-container a{
display: block;
width: 1105px;
height: 175px;
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: #761221;
text-align: center;
text-decorationː none;
font-family: Helvetica, sans-serif;
font-size:16pt;
font-weight: bold;
border-top: none;
line-height:16px;
}
.nav li {
display: inline-block;
text-decorationː none;
}
.nav a {
display: block;
color: white;
text-align: center;
padding: 16px;
border-bottom: none;
}
.nav a:hover {
background-color: #606060;
text-decorationː none;
}
/*Responsive*/
@media screen and (max-width: 600px) {
.nav a:not(:first-child) {display: none;}
.nav a.icon {
float: right;
display: block;
}
@media screen and (max-width: 600px) {
.nav.responsive {position: relative;}
.nav.responsive .icon {
position: absolute;
right: 0;
top: 0;
}
.nav.responsive a {
float: none;
display: block;
text-align: center;
}
</style>
</head>
<body>
<div class="img-container"> <a href=" https://travel.gc.ca/"></div></a>
<div class="nav">
<ul class="nav">
<nav>
<ul>
<li><a href="https://travel.gc.ca/travelling/advisories"> ADVISORIES </a></li>
<li><a href="http://www.gcpedia.gc.ca/wiki/Intranet_-_Migration"> INTEGRATE </a></li>
<li><a href=" https://travel.gc.ca/travelling"> Travel outside Canada </a></li>
<li><a href="https://intranet.canada.ca/ict-oci/hpugci-cgugci/index-eng.asp"> METRICS </a></li>
<li><a href="http://intranet.canada.ca/index-eng.asp?utm_source=referral&utm_medium=link&utm_campaign=GCintranetGCpedia&utm_term=MainMenu"> VISIT </a></li>
</ul>
</nav>
</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 -->
/*Hide the first heading*/
#firstHeading {
display: none;
}
/*Hide the language box when not signed in*/
.langBox {
display: none;
}
/*Hide the "back" link at top of page for subpages (breadcrum)*/
#contentSub {
display: none;
}
<head>
<title>GCintranet Layout</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
margin: 0;
padding: 0;
}
/* Style the header */
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.img-container {
margin:0;
background-image: url(https://wiki.gccollab.ca/images/5/55/Consular_and_Emergency_Response_Communications.png);
background-size: 1670px 169px;
min-height: 169px;
margin: 0 auto;
padding : 0;
background-repeat: no-repeat;
background-position: center top;
}
.img-container a{
display: block;
width: 1105px;
height: 175px;
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: #761221;
text-align: center;
text-decorationː none;
font-family: Helvetica, sans-serif;
font-size:16pt;
font-weight: bold;
border-top: none;
line-height:16px;
}
.nav li {
display: inline-block;
text-decorationː none;
}
.nav a {
display: block;
color: white;
text-align: center;
padding: 16px;
border-bottom: none;
}
.nav a:hover {
background-color: #606060;
text-decorationː none;
}
/*Responsive*/
@media screen and (max-width: 600px) {
.nav a:not(:first-child) {display: none;}
.nav a.icon {
float: right;
display: block;
}
@media screen and (max-width: 600px) {
.nav.responsive {position: relative;}
.nav.responsive .icon {
position: absolute;
right: 0;
top: 0;
}
.nav.responsive a {
float: none;
display: block;
text-align: center;
}
</style>
</head>
<body>
<div class="img-container"> <a href=" https://travel.gc.ca/"></div></a>
<div class="nav">
<ul class="nav">
<nav>
<ul>
<li><a href="https://travel.gc.ca/travelling/advisories"> ADVISORIES </a></li>
<li><a href="http://www.gcpedia.gc.ca/wiki/Intranet_-_Migration"> INTEGRATE </a></li>
<li><a href=" https://travel.gc.ca/travelling"> Travel outside Canada </a></li>
<li><a href="https://intranet.canada.ca/ict-oci/hpugci-cgugci/index-eng.asp"> METRICS </a></li>
<li><a href="http://intranet.canada.ca/index-eng.asp?utm_source=referral&utm_medium=link&utm_campaign=GCintranetGCpedia&utm_term=MainMenu"> VISIT </a></li>
</ul>
</nav>
</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 -->