Changes

990 bytes added ,  10:36, 10 September 2018
no edit summary
Line 1: Line 1:  
<html>
 
<html>
 
<style>
 
<style>
 +
    header,
 +
    footer,
 +
    #mw-head,
 +
    #mw-panel  {
 +
display: none;
 +
}
 +
 +
html,
 +
    body {
 +
        height: 100%;
 +
        -webkit-animation: fadein .5s;
 +
        animation: fadein .5s;
 +
    }
 +
 +
    @keyframes fadein {
 +
        from {
 +
            opacity: 0;
 +
        }
 +
        to {
 +
            opacity: 1;
 +
        }
 +
    }
   −
body,
+
    @-webkit-keyframes fadein {
html {
+
        from {
  width: 100%;
+
            opacity: 0;
  height: 100%;
+
        }
}
+
        to {
 +
            opacity: 1;
 +
        }
 +
    }
 +
 
 +
    @import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,700,900');
 +
    * {
 +
        margin: 0;
 +
        padding: 0;
 +
    }
 +
 
 +
 
 +
    .navbar-default .navbar-nav>li>a:visited {
 +
        color: #262860;
 +
    }
    
body {
 
body {
  font-family: 'Source Sans Pro';
+
        overflow-y: hidden;
 +
        background-color: #f8f8f8;
 
}
 
}
 +
 +
.super-body {
 +
        position: fixed;
 +
        overflow-y: scroll;
 +
        overflow-x: hidden;
 +
        -ms-overflow-x: hidden;
 +
        display: block;
 +
        top: 0;
 +
        left: 0;
 +
        right: 0;
 +
        bottom: 0;
 +
        z-index: 420;
 +
        background-color: #fff;
 +
        -webkit-transition: all .5s ease-in;
 +
        transition: all .5s ease-in;
 +
        font-family: 'Roboto', sans-serif;
 +
        font-size: 14px;
 +
    }
 +
 +
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;
 +
    }
 +
    
.btn-xl {
 
.btn-xl {
Line 41: Line 119:  
.text-faded {
 
.text-faded {
 
   color: rgba(255, 255, 255, 0.7);
 
   color: rgba(255, 255, 255, 0.7);
}
  −
  −
/* Map */
  −
.map {
  −
  height: 30rem;
  −
}
  −
  −
@media (max-width: 992px) {
  −
  .map {
  −
    height: 75%;
  −
  }
  −
}
  −
  −
.map iframe {
  −
  pointer-events: none;
   
}
 
}
   Line 91: Line 154:  
   padding-top: 8rem;
 
   padding-top: 8rem;
 
   padding-bottom: 8rem;
 
   padding-bottom: 8rem;
   background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), url("../img/bg-masthead.jpg");
+
   background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), url("http://www.gcpedia.gc.ca/gcwiki/images/5/5f/Bg-masthead.png");
 
   background-position: center center;
 
   background-position: center center;
 
   background-repeat: no-repeat;
 
   background-repeat: no-repeat;
Line 100: Line 163:  
   font-size: 4rem;
 
   font-size: 4rem;
 
   margin: 0;
 
   margin: 0;
   padding: 0;
+
   padding: 1rem;
 
}
 
}
   Line 219: Line 282:  
.callout {
 
.callout {
 
   padding: 15rem 0;
 
   padding: 15rem 0;
   background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), url("../img/bg-callout.jpg");
+
   background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), url("http://www.gcpedia.gc.ca/gcwiki/images/6/6f/Bg-callout.png");
 
   background-position: center center;
 
   background-position: center center;
 
   background-repeat: no-repeat;
 
   background-repeat: no-repeat;
Line 298: Line 361:  
}
 
}
   −
footer.footer {
+
.footer {
 
   padding-top: 5rem;
 
   padding-top: 5rem;
 
   padding-bottom: 5rem;
 
   padding-bottom: 5rem;
 
}
 
}
   −
footer.footer .social-link {
+
.footer .social-link {
 
   display: block;
 
   display: block;
 
   height: 4rem;
 
   height: 4rem;
Line 314: Line 377:  
}
 
}
   −
footer.footer .social-link:hover {
+
.footer .social-link:hover {
 
   background-color: #155d74;
 
   background-color: #155d74;
 
   text-decoration: none;
 
   text-decoration: none;
Line 370: Line 433:  
}
 
}
   −
/* Style the video: 100% width and height to cover the entire window */
  −
#myVideo {
  −
    position: fixed;
  −
    right: 0;
  −
    bottom: 0;
  −
    min-width: 100%;
  −
    min-height: 100%;
  −
}
  −
  −
/* Add some content at the bottom of the video/page */
  −
.content {
  −
    position: relative;
  −
    bottom: 0;
  −
    background: rgba(0, 0, 0, 0.5);
  −
    color: #f1f1f1;
  −
    width: 70%;
  −
    padding: 20px;
  −
}
   
</style>
 
</style>
    
</html>
 
</html>
166

edits