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> |