summaryrefslogtreecommitdiff
path: root/themes/beautifulhugo/static/css/hugo-easy-gallery.css
diff options
context:
space:
mode:
Diffstat (limited to 'themes/beautifulhugo/static/css/hugo-easy-gallery.css')
-rw-r--r--themes/beautifulhugo/static/css/hugo-easy-gallery.css159
1 files changed, 0 insertions, 159 deletions
diff --git a/themes/beautifulhugo/static/css/hugo-easy-gallery.css b/themes/beautifulhugo/static/css/hugo-easy-gallery.css
deleted file mode 100644
index d78dfec..0000000
--- a/themes/beautifulhugo/static/css/hugo-easy-gallery.css
+++ /dev/null
@@ -1,159 +0,0 @@
-/*
-Put this file in /static/css/hugo-easy-gallery.css
-Documentation and licence at https://github.com/liwenyip/hugo-easy-gallery/
-*/
-
-
-/*
-Grid Layout Styles
-*/
-.gallery {
- overflow: hidden;
- margin: 10px;
- max-width: 768px;
-}
-.gallery .box {
- float: left;
- position: relative;
- /* Default: 1 tile wide */
- width: 100%;
- padding-bottom: 100%;
-}
-@media only screen and (min-width : 365px) {
- /* Tablet view: 2 tiles */
- .gallery .box {
- width: 50%;
- padding-bottom: 50%;
- }
-}
-@media only screen and (min-width : 480px) {
- /* Small desktop / ipad view: 3 tiles */
- .gallery .box {
- width: 33.3%;
- padding-bottom: 33.3%; /* */
- }
-}
-@media only screen and (min-width : 9999px) {
- /* Medium desktop: 4 tiles */
- .box {
- width: 25%;
- padding-bottom: 25%;
- }
-}
-
-/*
-Transition styles
-*/
-.gallery.hover-transition figure,
-.gallery.hover-effect-zoom .img,
-.gallery:not(.caption-effect-appear) figcaption,
-.fancy-figure:not(.caption-effect-appear) figcaption {
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
-}
-/*
-figure styles
-*/
-figure {
- position:relative; /* purely to allow absolution positioning of figcaption */
- overflow: hidden;
-}
-.gallery figure {
- position: absolute;
- left: 5px;
- right: 5px;
- top: 5px;
- bottom: 5px;
-}
-.gallery.hover-effect-grow figure:hover {
- transform: scale(1.05);
-}
-.gallery.hover-effect-shrink figure:hover {
- transform: scale(0.95);
-}
-.gallery.hover-effect-slidedown figure:hover {
- transform: translateY(5px);
-}
-.gallery.hover-effect-slideup figure:hover {
- transform: translateY(-5px);
-}
-
-/*
-img / a styles
-*/
-
-.gallery .img {
- position: absolute;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- background-size: cover;
- background-position: 50% 50%;
- background-repeat: no-repeat;
-}
-.gallery.hover-effect-zoom figure:hover .img {
- transform: scale(1.05);
-}
-.gallery img {
- display: none; /* only show the img if not inside a gallery */
-}
-figure a {
- position: absolute;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
-}
-
-/*
-figcaption styles
-*/
-.gallery figcaption,
-.fancy-figure figcaption {
- position: absolute;
- bottom: 0;
- left: 0;
- right: 0;
- background: #000;
- color: #FFF;
- text-align: center;
- font-size: 75%; /* change this if you want bigger text */
- background: rgba(0, 0, 0, 0.5);
- opacity: 1;
- cursor: pointer;
-}
-.gallery.caption-position-none figcaption,
-.fancy-figure.caption-position-none figcaption {
- display: none;
-}
-.gallery.caption-position-center figcaption,
-.fancy-figure.caption-position-center figcaption {
- top: 0;
- padding: 40% 5px;
-}
-.gallery.caption-position-bottom figcaption,
-.fancy-figure.caption-position-bottom figcaption {
- padding: 5px;
-}
-.gallery.caption-effect-fade figure:not(:hover) figcaption,
-.gallery.caption-effect-appear figure:not(:hover) figcaption,
-.fancy-figure.caption-effect-fade figure:not(:hover) figcaption,
-.fancy-figure.caption-effect-appear figure:not(:hover) figcaption {
- background: rgba(0, 0, 0, 0);
- opacity: 0;
-}
-.gallery.caption-effect-slide.caption-position-bottom figure:not(:hover) figcaption,
-.fancy-figure.caption-effect-slide.caption-position-bottom figure:not(:hover) figcaption {
- margin-bottom: -100%;
-}
-.gallery.caption-effect-slide.caption-position-center figure:not(:hover) figcaption,
-.fancy-figure.caption-effect-slide.caption-position-center figure:not(:hover) figcaption {
- top: 100%;
-}
-figcaption p {
- margin: auto; /* override style in theme */
-}
-