diff options
Diffstat (limited to 'docs/assets/css/baguetteBox.css')
-rw-r--r-- | docs/assets/css/baguetteBox.css | 197 |
1 files changed, 0 insertions, 197 deletions
diff --git a/docs/assets/css/baguetteBox.css b/docs/assets/css/baguetteBox.css deleted file mode 100644 index 5f5bac2..0000000 --- a/docs/assets/css/baguetteBox.css +++ /dev/null @@ -1,197 +0,0 @@ -/*! - * baguetteBox.js - * @author feimosi - * @version 1.8.2 - * @url https://github.com/feimosi/baguetteBox.js - */ -#baguetteBox-overlay { - display: none; - opacity: 0; - position: fixed; - overflow: hidden; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 1000000; - background-color: #222; - background-color: rgba(0, 0, 0, 0.8); - -webkit-transition: opacity .5s ease; - transition: opacity .5s ease; } - #baguetteBox-overlay.visible { - opacity: 1; } - #baguetteBox-overlay .full-image { - display: inline-block; - position: relative; - width: 100%; - height: 100%; - text-align: center; } - #baguetteBox-overlay .full-image figure { - display: inline; - margin: 0; - height: 100%; } - #baguetteBox-overlay .full-image img { - display: inline-block; - width: auto; - height: auto; - max-height: 100%; - max-width: 100%; - vertical-align: middle; - -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); - box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } - #baguetteBox-overlay .full-image figcaption { - display: block; - position: absolute; - bottom: 0; - width: 100%; - text-align: center; - line-height: 1.8; - white-space: normal; - color: #ccc; - background-color: #000; - background-color: rgba(0, 0, 0, 0.6); - font-family: sans-serif; } - #baguetteBox-overlay .full-image:before { - content: ""; - display: inline-block; - height: 50%; - width: 1px; - margin-right: -1px; } - -#baguetteBox-slider { - position: absolute; - left: 0; - top: 0; - height: 100%; - width: 100%; - white-space: nowrap; - -webkit-transition: left .4s ease, -webkit-transform .4s ease; - transition: left .4s ease, -webkit-transform .4s ease; - transition: left .4s ease, transform .4s ease; - transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease; } - #baguetteBox-slider.bounce-from-right { - -webkit-animation: bounceFromRight .4s ease-out; - animation: bounceFromRight .4s ease-out; } - #baguetteBox-slider.bounce-from-left { - -webkit-animation: bounceFromLeft .4s ease-out; - animation: bounceFromLeft .4s ease-out; } - -@-webkit-keyframes bounceFromRight { - 0% { - margin-left: 0; } - 50% { - margin-left: -30px; } - 100% { - margin-left: 0; } } - -@keyframes bounceFromRight { - 0% { - margin-left: 0; } - 50% { - margin-left: -30px; } - 100% { - margin-left: 0; } } - -@-webkit-keyframes bounceFromLeft { - 0% { - margin-left: 0; } - 50% { - margin-left: 30px; } - 100% { - margin-left: 0; } } - -@keyframes bounceFromLeft { - 0% { - margin-left: 0; } - 50% { - margin-left: 30px; } - 100% { - margin-left: 0; } } - -.baguetteBox-button#next-button, .baguetteBox-button#previous-button { - top: 50%; - top: calc(50% - 30px); - width: 44px; - height: 60px; } - -.baguetteBox-button { - position: absolute; - cursor: pointer; - outline: none; - padding: 0; - margin: 0; - border: 0; - -moz-border-radius: 15%; - border-radius: 15%; - background-color: #323232; - background-color: rgba(50, 50, 50, 0.5); - color: #ddd; - font: 1.6em sans-serif; - -webkit-transition: background-color .4s ease; - transition: background-color .4s ease; } - .baguetteBox-button:focus, .baguetteBox-button:hover { - background-color: rgba(50, 50, 50, 0.9); } - .baguetteBox-button#next-button { - right: 2%; } - .baguetteBox-button#previous-button { - left: 2%; } - .baguetteBox-button#close-button { - top: 20px; - right: 2%; - right: calc(2% + 6px); - width: 30px; - height: 30px; } - .baguetteBox-button svg { - position: absolute; - left: 0; - top: 0; } - -/* - Preloader - Borrowed from http://tobiasahlin.com/spinkit/ -*/ -.baguetteBox-spinner { - width: 40px; - height: 40px; - display: inline-block; - position: absolute; - top: 50%; - left: 50%; - margin-top: -20px; - margin-left: -20px; } - -.baguetteBox-double-bounce1, -.baguetteBox-double-bounce2 { - width: 100%; - height: 100%; - -moz-border-radius: 50%; - border-radius: 50%; - background-color: #fff; - opacity: .6; - position: absolute; - top: 0; - left: 0; - -webkit-animation: bounce 2s infinite ease-in-out; - animation: bounce 2s infinite ease-in-out; } - -.baguetteBox-double-bounce2 { - -webkit-animation-delay: -1s; - animation-delay: -1s; } - -@-webkit-keyframes bounce { - 0%, 100% { - -webkit-transform: scale(0); - transform: scale(0); } - 50% { - -webkit-transform: scale(1); - transform: scale(1); } } - -@keyframes bounce { - 0%, 100% { - -webkit-transform: scale(0); - -moz-transform: scale(0); - transform: scale(0); } - 50% { - -webkit-transform: scale(1); - -moz-transform: scale(1); - transform: scale(1); } } |