Current Path : /home/theafprt/fnf.group/wp-content/plugins/hit_plusgallery/ |
Current File : //home/theafprt/fnf.group/wp-content/plugins/hit_plusgallery/plusgallery.css |
.clearfix:before, .clearfix:after { content: " "; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { } #plusgallery { background: url("assets/images/plusgallery/loading-albums.gif") no-repeat scroll 50% 50% rgba(0, 0, 0, 0); color: #222; min-height: 240px; position: relative; text-align: left; z-index: 1; } #plusgallery.loaded { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } #plusgallery ul { list-style-type: none !important; margin: 0 !important; padding: 0 !important; } #plusgallery li{ list-style-type: none !important; } #plusgallery * { box-sizing: border-box; } #plusgallery a, #pgzoomview a { display: block; text-decoration: none; transition: all 0.3s ease-out 0.1s; } #plusgallery a { background-color: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 1px 1px 5px rgba(0, 0, 0, 0.3); color: #222; display: block; } #plusgallery a:hover, #pgzoomview a:hover { background-color: #38beea; } #plusgallery a img { display: block; max-width: 100%; width:100%; margin: 0 !important; padding: 0 !important; } .spacer { background: url("assets/images/plusgallery/loading-albums.gif") no-repeat scroll 50% 50% #fff; position: relative; z-index: 1; } #pgalbums { clear: both; width: 100%; } .pgalbumthumb { float: left; margin: 0 0 30px !important; padding: 0 15px; width: 20%; } /* .plus-wp-gallery .pgalbumthumb{ width: 250px !important; } */ #plusgallery .pgalbumlink { display: block; overflow: hidden; padding: 3%; position: relative; width: 100%; } .pgalbumimg { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; border: medium none; display: block; position: relative; width: 100%; z-index: 1; } .pgalbumthumb span.pgalbumtitle, .pgthumb span.pgalbumtitle{ margin-bottom: -6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pgalbumtitle { background: transparent; bottom: 3%; color: #3b5998; display: inline-block; font-size: 1.12em; font-weight: 600; left: 3%; padding: 1em 6% 6%; text-align: center; width: 100%; z-index: 7; } .pgalbumthumb .pgloading { background: url("assets/images/plusgallery/loading-gallery.gif") no-repeat scroll 50% 50% rgba(0, 0, 0, 0.8); height: 95.4545%; left: 2.38095%; top: 2.38095%; width: 95.4545%; z-index: 6; position: absolute; } .oldie .pgalbumthumb .pgloading { left: 3%; top: 3%; } .pgplus { background: none repeat scroll 0 0 #fff; color: #fff; font-size: 1.8em; font-weight: 100; line-height: 1em; padding: 0.3em; position: absolute; right: -1.5em; text-align: center; top: -1.5em; transition: all 0.3s ease-out 0.1s; width: 1.5em; z-index: 7; } .pgalbumlink:hover .pgplus { background: none repeat scroll 0 0 #38beea; right: 0; top: 0; } #pgthumbview { clear: both; display: none; } #plusgallery #pgthumbcrumbs { color: #222; margin: 10px !important; } #plusgallery[data-type="instagram"] #pgthumbcrumbs { display:none; } #pgthumbcrumbs li { float: left; height: 30px; line-height: 1em; margin: 0; padding: 9px 0.7em 0; } #pgthumbcrumbs li#pgthumbhome { border-right: 1px solid #222; cursor: pointer; font-size: 1.5em; line-height: 0.6em; padding-left: 0.4em; padding-right: 0.4em; transition: all 0.3s ease-out 0s; } #pgthumbcrumbs li#pgthumbhome:hover { background-color: #38beea; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5) inset; color: #fff; } .pgthumb { display: block; float: left; margin: 0 0 30px !important; padding: 0 15px; position: relative; width: 20%; } .oldie .pgthumb { height: 180px; margin: 10px; width: 180px; } .pgthumb a { height: 100%; margin: 0; padding: 5px; width: 100%; } .oldie .pgthumb a { height: 130px; padding: 5px; width: 130px; } .pgthumb img { background: url("assets/images/plusgallery/loading-albums.gif") no-repeat scroll 50% 50% #fff; border: medium none; max-width: 130px; width: 100%; } #pgzoomview { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); display: none; height: 100%; left: 0; list-style-type: none; margin: 0; padding: 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 999999; } .oldie #pgzoomview { background: url("assets/images/plusgallery/80.png") repeat scroll 0 0 rgba(0, 0, 0, 0); } #pgzoomview.fixed { position: fixed; } #pgzoomscroll { direction: ltr !important; height: 100%; overflow-x: scroll; position: absolute; width: 100%; z-index: 1010; } #pgzoom { height: 100%; list-style-type: none; margin: 0; padding: 0; } .pgzoomslide { float: left; height: 100%; left: 0; overflow: hidden; position: relative; text-align: center; top: 0; width: 100%; margin:0px; padding:0px; } .pgzoomslide.loading { background-image: url("assets/images/plusgallery/loading-gallery.gif"); background-position: 50% 50%; background-repeat: no-repeat; position: relative; } .pgzoomspacer { display: inline-block; height: 100%; vertical-align: middle; width: 1px; } .pgzoomcenter { display: inline-block; text-align: center; vertical-align: middle; } .pgzoomimg { box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.9); display: inline-block; margin-bottom: 2em; max-height: 75%; max-width: 80%; opacity: 0; transition: opacity 0.4s ease-out 0s; vertical-align: middle; } .pgzoomimg.active { opacity: 1; } .oldie .pgzoomimg { max-height: none; max-width: none; } .pgzoomcaption { bottom: 0; box-sizing: border-box; color: #fff; font-size: 0.9em; left: 0; margin: 1.5em 0; opacity: 1; padding-left: 20%; padding-right: 20%; position: absolute; text-align: center; transition: opacity 0.5s ease-out 0s; width: 100%; } .pgzoomarrow { background: url("assets/images/plusgallery/arrows.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 100px; margin-top: -50px; overflow: hidden; position: fixed; text-indent: -5000px; top: 50%; width: 52px; z-index: 999999999; } .pgzoomarrow:hover { box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3) inset; } #pgprevious { background-position: 0 50%; border-bottom-right-radius: 3px; border-top-right-radius: 3px; left: 0; } #pgnext { background-position: 100% 50%; border-bottom-left-radius: 3px; border-top-left-radius: 3px; right: 0; } #pgzoomclose { background-image: url("assets/images/plusgallery/zoom-icons.gif"); background-position: 50% 50%; background-repeat: no-repeat; border-bottom-left-radius: 3px; height: 52px; overflow: hidden; position: absolute; right: 0; text-indent: -5000px; top: 0; width: 52px; z-index: 999999999; } #pgzoomclose:hover { box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3) inset; } .pgzoom-overflow-y { overflow-y: hidden !important; } #pgcredit { clear: both; padding-bottom: 10px; padding-top: 10px; text-align: center; } #plusgallery #pgcredit a { background-color: transparent; box-shadow: none; color: #222; display: inline-block; font-size: 10px; letter-spacing: 1px; padding: 0.3em 0.5em 0.3em 0.4em; text-transform: uppercase; } #pgcredit a:hover { background-color: #38beea !important; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5) inset !important; } #plusgallery #pgcredit a span { color: #666; transition: color 0.3s ease-out 0s; } #plusgallery #pgcredit a:hover span { color: #fff; } .tnpg_message { color: #fa0812; font-style: italic; } .plus-category{ margin-bottom:2.5em; } .plus-category span{ cursor: pointer; margin: 0px 5px; display: inline-block; } .plus-category .hidden-filter{ display:none; } .plus-hide-pointer span{ pointer-events: none; cursor: none; } @media screen and (max-width: 1170px) and (min-width: 768px) { .pgalbumthumb { width: 25%; } .pgthumb { width: 25%; } } @media only screen and (max-width: 768px) { .pgalbumthumb { width: 50%; } .pgthumb { width: 50%; } } @media only screen and (max-width: 480px) { .pgalbumthumb { width: 50%; } .pgthumb { width: 50%; } .plus-wp-gallery .pgalbumthumb{ width: 50% !important; } } @media only screen and (max-width: 320px) { .pgalbumthumb { width: 100%; } .pgthumb { width: 100%; } .plus-wp-gallery .pgalbumthumb{ width: 100% !important; } }