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="10" cellspacing="10px"
+
|- valign="top"
+
| style="color: #3C646E; background-color: white; font-size:1.5em;" |
+
<span style="font-size: 2em;">Tools</span>
+
<!--Navigation coding BEGINS-->
+
{{#css:
+
div.nav {
+
margin: 0 0 15px 0;
+
background-color: #6BC2B1;
+
font-size:0;
+
}
+
div.nav ul {
+
padding: 0;
+
margin: 0;
+
list-style: none;
+
position: relative;
+
}
+
div.nav ul li {
+
display:inline-block;
+
background-color: #6BC2B1;
+
}
+
div.nav a {
+
display:block;
+
padding:0 10px;
+
color:#000;
+
font-size:16px;
+
font-weight:600;
+
line-height: 60px;
+
text-decoration:none;
+
}
+
+
+
div.nav a:hover,
+
div.nav a.mw-selflink,
+
div.nav a.mw-selflink:hover {
+
color:#FFF;
+
background-color: #3C646E;
+
}
+
+
div.nav ul ul {
+
display: none;
+
position: absolute;
+
top: 60px;
+
z-index:500;
+
border-left:2px solid white;
+
border-right:2px solid white;
+
border-bottom:2px solid white;
+
}
+
div.nav ul li:hover > ul {
+
display:inherit;
+
}
+
div.nav ul ul li {
+
width:230px;
+
float:none;
+
display:list-item;
+
position: relative;
+
}
+
div.nav ul ul ul li {
+
position: relative;
+
top:-60px;
+
left:230px;
+
}
+
div.nav ul ul li {
+
border: 0px solid white;
+
}
+
li > a:after { content: ' ▼'; }
+
li > a:only-child:after { content: ''; }
+
+
.banner {
+
background-color: #6BC2B1;
+
}
+
+
.banner .container {
+
/*max-width:900px;*/
+
display:block;
+
margin:0 auto;
+
}
+
.banner .container img {
+
width:100%;
+
height:auto;
+
}
+
+
}}
+
<div class="banner"><div class="container">[[File: GCollab group pg header 1140x338px.png|link=|class=banner]]</div></div>
+
<div class="nav">
+
<ul>
+
<li>[[Language_Training_Hub|Home]]</li>
+
<li>[[Language_Training_Hub/References|References]]</li>
+
<li>[[Language_Training_Hub/Tools|Tools]]</li>
+
<li>[[Language_Training_Hub/Contact|Contact us]]</li>
+
+
</ul>
+
</div>
+
<!--Navigation coding ENDS-->
+
+
<div style="text-align: right;">[[:en:Carrefour de la formation linguistique|'''FRANÇAIS''']]</div>