add back to top
Change-Id: Ib47a64ab80223e4f1e63bcdf931fcf6d48c5b43b
This commit is contained in:
Jim Phillips
parent
b8cb4d8190
commit
07db7a06c6
|
|
@ -123,6 +123,7 @@
|
|||
<div class="clear"></div>
|
||||
</div>
|
||||
</footer>
|
||||
<a href="#0" class="cd-top">Top</a>
|
||||
<!-- Google Tag Manager -->
|
||||
<noscript><iframe src="//www.googletagmanager.com/ns.html?id={{ theme_googletag }}"
|
||||
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
||||
|
|
|
|||
|
|
@ -0,0 +1 @@
|
|||
# ErrorDocument 404 '<h1>404 Not Found</h1>'
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
404
|
||||
<!-- This is a placeholder for a custom 404 page -->
|
||||
|
||||
|
|
@ -7,4 +7,24 @@ $(document).ready(function(){
|
|||
if(filename == 'index.html' || filename == '') {
|
||||
$('ul.nav.navbar-nav li.dropdown').not('.globaltoc-container').hide();
|
||||
}
|
||||
|
||||
// browser window scroll (in pixels) after which the "back to top" link is shown
|
||||
var offset = 300,
|
||||
scroll_top_duration = 700,
|
||||
//grab the "back to top" link
|
||||
$back_to_top = $('.cd-top');
|
||||
|
||||
//hide or show the "back to top" link
|
||||
$(window).scroll(function(){
|
||||
( $(this).scrollTop() > offset ) ? $back_to_top.addClass('cd-is-visible') : $back_to_top.removeClass('cd-is-visible');
|
||||
});
|
||||
|
||||
//smooth scroll to top
|
||||
$back_to_top.on('click', function(event){
|
||||
event.preventDefault();
|
||||
$('body,html').animate({
|
||||
scrollTop: 0 ,
|
||||
}, scroll_top_duration
|
||||
);
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
|
||||
<polygon fill="#FFFFFF" points="8,2.8 16,10.7 13.6,13.1 8.1,7.6 2.5,13.2 0,10.7 "/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 562 B |
|
|
@ -78,7 +78,7 @@ body a:hover {
|
|||
}
|
||||
|
||||
.navbar-default {
|
||||
height: 80px;
|
||||
min-height: 80px;
|
||||
background: #000;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
|
@ -233,7 +233,7 @@ p.admonition-title {
|
|||
}
|
||||
|
||||
div.admonition {
|
||||
font-size: 13px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.cc {
|
||||
|
|
@ -248,6 +248,98 @@ div.admonition {
|
|||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
img.width-50 {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
img.width-55 {
|
||||
width: 55%;
|
||||
}
|
||||
|
||||
img.width-60 {
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
img.width-65 {
|
||||
width: 65%;
|
||||
}
|
||||
|
||||
img.width-70 {
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
img.width-75 {
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
img.width-80 {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
img.width-85 {
|
||||
width: 85%;
|
||||
}
|
||||
|
||||
img.width-90 {
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
img.width-95 {
|
||||
width: 95%;
|
||||
}
|
||||
|
||||
img.width-100 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.form-control:focus {
|
||||
border-color: #D3301A;
|
||||
outline: 0;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px #D3301A;
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px #D3301A;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
|
||||
border-color: #222;
|
||||
}
|
||||
|
||||
.cd-top {
|
||||
display: inline-block;
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
position: fixed;
|
||||
bottom: 40px;
|
||||
right: 10px;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
|
||||
/* image replacement properties */
|
||||
overflow: hidden;
|
||||
text-indent: 100%;
|
||||
white-space: nowrap;
|
||||
background: rgba(232, 98, 86, 0.8) url(cd-top-arrow.svg) no-repeat center 50%;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
|
||||
-moz-transition: opacity .3s 0s, visibility 0s .3s;
|
||||
transition: opacity .3s 0s, visibility 0s .3s;
|
||||
}
|
||||
|
||||
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
|
||||
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
|
||||
-moz-transition: opacity .3s 0s, visibility 0s 0s;
|
||||
transition: opacity .3s 0s, visibility 0s 0s;
|
||||
}
|
||||
|
||||
.cd-top.cd-is-visible {
|
||||
/* the button becomes visible */
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.no-touch .cd-top:hover {
|
||||
background-color: #e86256;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) and (min-width: 0px) {
|
||||
.navbar-default .navbar-text {
|
||||
margin-left: 15px;
|
||||
|
|
@ -259,11 +351,17 @@ div.admonition {
|
|||
color: #ADADAD;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
img.width-50, img.width-55, img.width-60, img.width-65, img.width-70, img.width-75, img.width-80, img.width-85, img.width-90, img.width-95 {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) and (min-width: 768px) {
|
||||
.navbar-form .form-control {
|
||||
width: 170px;
|
||||
width: 155px;
|
||||
}
|
||||
.navbar {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -271,4 +369,7 @@ div.admonition {
|
|||
.navbar-form .form-control {
|
||||
width: 170px;
|
||||
}
|
||||
.navbar {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue