26dacde959
Also moved the code to SCSS Signed-off-by: Pedro Ferreira <pedro@dete.st>
105 lines
2 KiB
CSS
105 lines
2 KiB
CSS
/*
|
|
* Showup.js jQuery Plugin
|
|
* http://github.com/jonschlinkert/showup
|
|
*
|
|
* Copyright (c) 2013 Jon Schlinkert, contributors
|
|
* Licensed under the MIT License (MIT).
|
|
*/
|
|
|
|
/**
|
|
* Docs navbar transitions effects
|
|
*/
|
|
|
|
.navbar-tall,
|
|
.navbar-show {
|
|
-webkit-transition: -webkit-transform .3s;
|
|
-moz-transition: -moz-transform .3s;
|
|
-o-transition: -o-transform .3s;
|
|
transition: transform .3s;
|
|
-webkit-transform: translate(0, 0);
|
|
-ms-transform: translate(0, 0);
|
|
transform: translate(0, 0);
|
|
}
|
|
|
|
.navbar-hide {
|
|
-webkit-transition: -webkit-transform .2s;
|
|
-moz-transition: -moz-transform .2s;
|
|
-o-transition: -o-transform .2s;
|
|
transition: transform .2s;
|
|
-webkit-transform: translate(0, -60px);
|
|
-ms-transform: translate(0, -60px);
|
|
transform: translate(0, -60px);
|
|
}
|
|
|
|
|
|
.navbar-tall,
|
|
.navbar-short,
|
|
.navbar-tall .navbar-brand,
|
|
.navbar-short .navbar-brand,
|
|
.navbar-tall .navbar-nav > li > a,
|
|
.navbar-short .navbar-nav > li > a {
|
|
-webkit-transition: all 0.2s linear;
|
|
transition: all 0.2s linear;
|
|
}
|
|
|
|
.navbar-short {
|
|
min-height: 40px;
|
|
}
|
|
.navbar-short .navbar-brand {
|
|
font-size: 16px;
|
|
padding: 13px 15px 10px;
|
|
}
|
|
.navbar-short .navbar-nav > li > a {
|
|
padding-top: 12px;
|
|
padding-bottom: 12px;
|
|
}
|
|
|
|
|
|
.navbar-tall {
|
|
min-height: 70px;
|
|
}
|
|
.navbar-tall .navbar-brand {
|
|
font-size: 24px;
|
|
padding: 25px 15px;
|
|
}
|
|
.navbar-tall .navbar-nav > li > a {
|
|
padding-top: 25px;
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
* Docs Buttons
|
|
*/
|
|
|
|
/* Fixed button, bottom right */
|
|
.btn-fixed-bottom {
|
|
position: fixed;
|
|
bottom: 30px;
|
|
display: none;
|
|
z-index: 5;
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
|
|
/* Toggles navbar classes */
|
|
.btn-hide-show {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
/* Buttons displayed throughout the content */
|
|
.btn-showup {
|
|
position: relative;
|
|
color: #fff;
|
|
font-weight: normal;
|
|
background-color: #463265;
|
|
border-color: #3F2961;
|
|
}
|
|
|
|
.btn-showup:hover,
|
|
.btn-showup:focus {
|
|
color: #fff;
|
|
outline: none;
|
|
background-color: #39235A;
|
|
border-color: #39235A;
|
|
}
|