Template:LCEheading
Revision as of 16:20, 20 July 2023 by Katie.burgess (talk | contribs) (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>
<a href=" https://travel.gc.ca/">
</a>
</body> </html>
