/* * * Go Gallery * 1.0 * Responsive filterable gallery plugin with media categories. Shortcode driven, easy to use, lightweight yet powerful. Display beautiful galleries without slowing down your page load. * https://alvimedia.com/go-gallery/ * V Bugroff * bugroff@protonmail.com * support@alvimedia.com * info@ampae.com * * THIS CODE ARE PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED OR IMPLIED, * INCLUDING BUT NOT LIMITED TO THE IMPLIED WARRANTIES OF MERCHANTABILITY AND/OR FITNESS FOR * A PARTICULAR PURPOSE. * * 2019-04-08 * * Main Styles (less) for Go Gallery; * * */ .go-gallery { width: 100%; zoom: 1; overflow: auto; padding: 0; margin: 0; margin: 0 auto; } .go-gallery * { -webkit-box-sizing: border-box; box-sizing: border-box; } .go-gallery figure { margin: 0 !important; overflow: hidden; } .go-gallery figure .image { -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .go-gallery figure:hover .image { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .go-gallery ul.go-gallery-filters { zoom: 1; overflow: auto; clear: both; display: none; padding: 20px; margin: 0; padding: 0; } .go-gallery ul.go-gallery-filters li { margin: 0; padding: 0; display: inline; } .go-gallery ul.go-gallery-filters li a { display: inline-block; background: #444; color: #fff; margin: 0 4px; } .go-gallery ul.go-gallery-filters li a:link { text-decoration: none; padding: 3px 8px; } .go-gallery ul.go-gallery-filters li a:hover { text-decoration: none; padding: 3px 8px; } .go-gallery ul.go-gallery-filters li a:visited { text-decoration: none; padding: 3px 8px; } .go-gallery ul.go-gallery-filters li a:active { text-decoration: none; padding: 3px 8px; } .go-gallery li:before { display: none !important; } .go-gallery .go-gallery-list-wrapper { display: block; margin: 0 !important; padding: 0 !important; width: 100%; overflow: hidden; } .go-gallery .go-gallery-list { display: block; margin: 0; padding: 0 !important; } .go-gallery ul.go-gallery-list { zoom: 1; overflow: auto; overflow: hidden; clear: both; } .go-gallery ul.go-gallery-list li.go-gallery-item { box-sizing: border-box; width: 25%; float: left; cursor: pointer; } .go-gallery ul.go-gallery-list li.go-gallery-item .image-wrap { padding: 0; background: #fff; display: block; box-sizing: border-box; } .go-gallery ul.go-gallery-list li.go-gallery-item .image-wrap:link { text-decoration: none !important; border: none !important; } .go-gallery ul.go-gallery-list li.go-gallery-item .image-wrap:hover { text-decoration: none !important; border: none !important; } .go-gallery ul.go-gallery-list li.go-gallery-item .image-wrap:visited { text-decoration: none !important; border: none !important; } .go-gallery ul.go-gallery-list li.go-gallery-item .image-wrap:active { text-decoration: none !important; border: none !important; } .go-gallery ul.go-gallery-list li.go-gallery-item figure { display: block; position: relative; overflow: hidden; } .go-gallery ul.go-gallery-list li.go-gallery-item img { -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); z-index: 1; width: 100%; max-width: 100%; height: auto; display: block; border-radius: 0; box-shadow: none; } .go-gallery ul.go-gallery-list li.go-gallery-item figcaption { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; } .go-gallery ul.go-gallery-list li.go-gallery-item:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .go-gallery .go-gallery-item { position: relative; margin: 0 auto; padding: 0; list-style: none; text-align: center; } .go-gallery .go-gallery-item figure { position: relative; overflow: hidden; text-align: center; cursor: pointer; } .go-gallery .go-gallery-item figure img { position: relative; display: block; } .go-gallery .go-gallery-item figure figcaption { color: #fff; text-transform: uppercase; -webkit-backface-visibility: hidden; backface-visibility: hidden; font-family: 'Raleway', Arial, sans-serif; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .go-gallery .go-gallery-item figure figcaption::before { pointer-events: none; } .go-gallery .go-gallery-item figure figcaption::after { pointer-events: none; } .go-gallery .go-gallery-item figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .go-gallery .go-gallery-item figure h2 { word-spacing: -0.15em; font-size: 200%; font-weight: 800; margin: 0; } .go-gallery .go-gallery-item figure p { margin: 0; letter-spacing: 1px; font-size: 80%; } *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } *:before { -webkit-box-sizing: border-box; box-sizing: border-box; } .go-gallery.clearfix:before { display: table; content: ''; } .go-gallery.clearfix:after { display: table; content: ''; clear: both; } .go-gallery.menu-left ul.go-gallery-filters { text-align: left; } .go-gallery.menu-center ul.go-gallery-filters { text-align: center; } .go-gallery.menu-right ul.go-gallery-filters { text-align: right; } .go-gallery.menu-show ul.go-gallery-filters { display: block; } .go-gallery.style-squared ul.go-gallery-list li.go-gallery-item figure { width: 100%; padding-top: 100%; } .go-gallery.style-squared ul.go-gallery-list li.go-gallery-item img { display: none; } .go-gallery.style-squared ul.go-gallery-list li.go-gallery-item .image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; } .go-gallery.size-tiny ul.go-gallery-list li.go-gallery-item { width: 12%; } .go-gallery.size-tiny ul.go-gallery-list li.go-gallery-item figcaption h2 { display: none; } .go-gallery.size-tiny ul.go-gallery-list li.go-gallery-item figcaption p { display: none; } .go-gallery.size-small ul.go-gallery-list li.go-gallery-item { width: 24.5%; } .go-gallery.size-medium ul.go-gallery-list li.go-gallery-item { width: 32.5%; } .go-gallery.size-large ul.go-gallery-list li.go-gallery-item { width: 49.5%; } @media only screen and (max-width: 740px) { div.go-gallery.size-tiny ul.go-gallery-list li.go-gallery-item { font-size: 1em; width: 50%; } div.go-gallery.size-small ul.go-gallery-list li.go-gallery-item { font-size: 1em; width: 50%; } div.go-gallery.size-medium ul.go-gallery-list li.go-gallery-item { font-size: 1em; width: 50%; } div.go-gallery.size-large ul.go-gallery-list li.go-gallery-item { font-size: 1em; width: 50%; } }