Difference between revisions of "Test-simon06"
Jump to navigation
Jump to search
Simon.boutin (talk | contribs) (Created page with "<!DOCTYPE html> <html class="no-js" lang="fr" dir="ltr"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport...") |
(No difference)
|
Revision as of 08:28, 25 March 2020
<!DOCTYPE html>
<html class="no-js" lang="fr" dir="ltr">
<head>
<meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <title>Coronavirus suivi de la situation</title>
<script type="text/javascript" src="https://www.canada.ca/etc/designs/canada/cdts/gcweb/rn/cdts/compiled/wet-fr.js"></script> <noscript> <link href="https://www.canada.ca/etc/designs/canada/cdts/gcweb/rn/assets/favicon.ico" rel="icon" type="image/x-icon"> <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/cdts/gcweb/rn/css/theme.min.css"> <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/cdts/gcweb/rn/cdts/cdtsfixes.css"> <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/cdts/gcweb/rn/css/noscript.min.css" /> </noscript> <script type="text/javascript"> document.write(wet.builder.refTop({ cdnEnv: "prod"
})); </script>
</head>
<body>
<section class="super-body">
allo
allo
Legend
Rank | Census subdivision | Population 2011 |
---|---|---|
1 |
<a href="../Toronto" title="Toronto">Toronto</a> |
2615060 |
2 |
<a href="../Montreal" title="Montreal">Montreal</a> |
1649519 |
2 |
<a href="../Montreal" title="Montreal">Montreal</a> |
1649519 |
2 |
<a href="../Montreal" title="Montreal">Montreal</a> |
1649519 |
</section>
<script type="text/javascript"> var defFooter = document.getElementById("def-footer"); defFooter.outerHTML = wet.builder.footer({ cdnEnv: "prod" }); </script> <script type="text/javascript"> document.write(wet.builder.refFooter({ cdnEnv: "prod" })); </script>
<noscript>
Javascript est reqis pour utiliser la carte interactive.
<style> #wb-cont { display: none; } </style> </noscript>
</body> </html>
<html> <style>
html, body { height: 100%; -webkit-animation: fadein .5s; animation: fadein .5s; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,700,900'); * { margin: 0; padding: 0; } /* THIS IS THE SECRET SAUCE for GCpedia, BODY AND SUPER-BODY classes */ body { overflow-y: hidden; background-color: #f8f8f8; } .super-body { position: fixed; overflow-y: scroll; overflow-x: hidden; -ms-overflow-x: hidden; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; background-color: #fff; -webkit-transition: all .2s ease-in; transition: all .5s ease-in; font-family: 'Roboto', sans-serif; font-size: 14px; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } div#mw-head { position: absolute; top: 145px; right: 0; width: 100%; display: none; } div#mw-panel { font-size: inherit; position: absolute; top: 160px; padding-top: 1em; width: 10em; left: 0; display: none; } #footer { display: none; } .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { margin: 0; } .mw-body .mw-body-content h1 { margin-top: 0; } .mw-body h1, .mw-body h2 { font-family: sans-serif; line-height: 1.3; margin-bottom: .25em; padding: 0; border-bottom: 1px solid transparent; } /*new css*/ h4 { padding-top: 0; } .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { line-height: 1.2; margin-top: .1em; margin-bottom: .1em; padding-bottom: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 0px; border: 1px solid transparent; } .navbar-default { background-color: #fff; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #222; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #222; } .navbar-default .navbar-nav>li>a { color: #222; } .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #111; background-color: transparent; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:hover, .navbar-default .navbar-nav>.disabled>a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { color: #555; background-color: #e7e7e7; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-brand { font-weight: bolder; } .logo { height: 21px; } .btn { min-height: 34px; } .navbar-default .navbar-nav>li>a:visited { color: #222; } ul.dropdown-menu { padding: 0; } .dropdown-menu>li>a { display: block; padding: 15px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; border-bottom: 1px solid #e8e8e8; } .home { padding: 20px; background-color: #fff; } .home p { font-size: 20px; font-weight: 400; } .home h2 { font-size: 3em; font-weight: bolder; margin-bottom: 20px; } .home h3 { font-weight: bolder; margin-top: 40px; } .home { padding: 0 0 30px; } .home .filter-button-group { padding: 15px 0; } .jumbotron--background-image { color: #222; min-height: 20vh; justify-content: center; background-position: 50% 100%; background-size: cover; background-repeat: no-repeat; background-color: #fff; text-align: center; }
.jumbotron--background-image h1 { font-weight: bolder; } .jumbotron--background-image h3 { line-height: 1.4em; font-size: 24px; font-weight: bold; } div[class^="col-"] { margin-bottom: 20px; } div[class^="col-"] img { margin: 30px auto; } .footer { padding: 30px 0; background-color: #232323; color: #e8e8e8; } .footer a { color: #e8e8e8; } .navbar-inverse { background: rgba(0, 0, 0, 0.8); } .align-top { -ms-flex-item-align: start; align-self: flex-start; }
</style> </html>