PHP Classes

File: public/themes/hero/css/glightbox.css

Recommend this page to a friend!
  Classes of milenmk   Simple PHP Password Manager   public/themes/hero/css/glightbox.css   Download  
File: public/themes/hero/css/glightbox.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Simple PHP Password Manager
Application to store and retrieve user password
Author: By
Last change: 2.4.0
v2.3.1
v2.3.0
style fixing
style fixing
v2.2.0
v2.1.1
Date: 1 year ago
Size: 6,817 bytes
 

Contents

Class file image Download
/* * * Simple password manager written in PHP with Bootstrap and PDO database connections * * File name: glightbox.css * Last Modified: 4.01.23 ?., 23:56 ?. * * @link https://blacktiehost.com * @since 1.0.0 * @version 2.4.0 * @author Milen Karaganski <milen@blacktiehost.com> * * @license GPL-3.0+ * @license http://www.gnu.org/licenses/gpl-3.0.txt * @copyright Copyright (c) 2020 - 2022 blacktiehost.com * */ .gslide iframe, .gslide video { outline: none !important; border: none; min-height: 165px; -webkit-overflow-scrolling: touch; -ms-touch-action: auto; touch-action: auto; } .gslide-image img { max-height: 100vh; display: block; padding: 0; float: none; outline: none; border: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; max-width: 100vw; width: auto; height: auto; -o-object-fit: cover; object-fit: cover; -ms-touch-action: none; touch-action: none; margin: auto; min-width: 200px; } .desc-top .gslide-image img, .desc-bottom .gslide-image img { width: auto; } .desc-left .gslide-image img, .desc-right .gslide-image img { width: auto; max-width: 100%; } .gslide-video.fullscreen video { max-width: 100% !important; width: 100% !important; } .gslide-description p { margin-bottom: 12px; } .gslide-description p:last-child { margin-bottom: 0; } /* * Description for mobiles * something like facebook does the description * for the photos */ .glightbox-mobile .glightbox-container .gslide-desc a { color: rgb(255, 255, 255); font-weight: bold; } .glightbox-mobile .glightbox-container .gslide-desc * { color: inherit; } .glightbox-mobile .glightbox-container .gslide-desc .desc-more { color: rgb(255, 255, 255); opacity: 0.4; } .gprev svg, .gnext svg, .gclose svg { display: block; width: 25px; height: auto; margin: 0; padding: 0; } iframe.wait-autoplay { opacity: 0; } /*Skin */ .glightbox-clean .gprev path, .glightbox-clean .gnext path, .glightbox-clean .gclose path { fill: rgb(255, 255, 255); } .glightbox-clean .gclose svg { width: 18px; height: auto; } /*CSS Animations*/ @-webkit-keyframes lightboxLoader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes lightboxLoader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes gfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes gfadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes gfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes gfadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes gslideInLeft { from { opacity: 0; -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); } to { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes gslideInLeft { from { opacity: 0; -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); } to { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes gslideOutLeft { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); opacity: 0; visibility: hidden; } } @keyframes gslideOutLeft { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); opacity: 0; visibility: hidden; } } @-webkit-keyframes gslideInRight { from { opacity: 0; visibility: visible; -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes gslideInRight { from { opacity: 0; visibility: visible; -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes gslideOutRight { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); opacity: 0; } } @keyframes gslideOutRight { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); opacity: 0; } } @-webkit-keyframes gzoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 1; } } @keyframes gzoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 1; } } @-webkit-keyframes gzoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes gzoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @media (min-width: 769px) { .gslide-image img { max-height: 97vh; max-width: 100%; } } @media (min-width: 992px) { } @media screen and (max-height: 420px) { }