first commit
This commit is contained in:
186
modules/higallery/views/css/admin.css
Normal file
186
modules/higallery/views/css/admin.css
Normal file
@@ -0,0 +1,186 @@
|
||||
.addons-style-img_preview-theme{
|
||||
max-width: 100%;
|
||||
}
|
||||
.hide{
|
||||
display: none;
|
||||
}
|
||||
.tabs {
|
||||
margin: 0px 0px 5px 2px;
|
||||
}
|
||||
.tabs a.list-group-item {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/*Gallery image*/
|
||||
.gallery-image-container .panel{
|
||||
max-height: 300px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.gallery-image-container .sortable{
|
||||
padding: 0px;
|
||||
}
|
||||
.gallery-image-container .item-block{
|
||||
display: inline-block;
|
||||
margin: 5px 10px;
|
||||
border-top: 1px solid #ccc;
|
||||
border-bottom: 1px solid #ccc;
|
||||
vertical-align: text-bottom;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
width: 85px;
|
||||
height: 105px;
|
||||
}
|
||||
.gallery-image-container .item-block img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.gallery-image-container .item-block .action-block{
|
||||
position: absolute;
|
||||
left: -16px;
|
||||
top: -3px;
|
||||
}
|
||||
.gallery-image-container .item-block .action-block a{
|
||||
display: block;
|
||||
padding: 0px;
|
||||
}
|
||||
#gallery_modal_container .modal .modal-dialog {
|
||||
width: 850px;
|
||||
}
|
||||
|
||||
.bootstrap .hipresta-modules-ad .module-sorting-menu {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.bootstrap .hipresta-modules-ad .module-item-wrapper-grid {
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
|
||||
min-height: 415px;
|
||||
padding: .625rem;
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: .625rem;
|
||||
background-color: #fff;
|
||||
}
|
||||
.bootstrap .hipresta-modules-ad .module-item-heading-grid {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
.bootstrap .hipresta-modules-ad .module-logo-thumb-grid {
|
||||
width: 55px;
|
||||
height: 55px;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
border-radius: 0;
|
||||
}
|
||||
.bootstrap .hipresta-modules-ad .module-logo-thumb-grid img {
|
||||
max-width: 55px;
|
||||
max-height: 55px;
|
||||
}
|
||||
#content.bootstrap .hipresta-modules-ad h3.module-name-grid {
|
||||
border: none;
|
||||
font-size: 1.2em;
|
||||
padding: 0 0 0 5px;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
font-weight: bolder;
|
||||
margin: 1rem 0 .5rem;
|
||||
min-height: 24px;
|
||||
font-family: Open Sans,Helvetica,Arial,sans-serif;
|
||||
line-height: 1.2;
|
||||
color: #363a41;
|
||||
text-transform: none;
|
||||
border-bottom: none;
|
||||
height: inherit;
|
||||
}
|
||||
.bootstrap .hipresta-modules-ad .module-quick-description-grid {
|
||||
margin: 15px 0;
|
||||
text-align: center;
|
||||
min-height: 100px;
|
||||
}
|
||||
.bootstrap .hipresta-modules-ad .module-read-more-grid {
|
||||
display: inline-block;
|
||||
}
|
||||
.bootstrap .hipresta-modules-ad .module-price {
|
||||
right: auto;
|
||||
bottom: auto;
|
||||
position: relative;
|
||||
margin-right: 5px;
|
||||
float: right;
|
||||
font-size: 14px;
|
||||
}
|
||||
.bootstrap .hipresta-modules-ad hr {
|
||||
margin-top: 1.875rem;
|
||||
margin-bottom: 1.875rem;
|
||||
border: 0;
|
||||
border-top: 1px solid #bbcdd2;
|
||||
}
|
||||
.bootstrap .hipresta-modules-ad .form-action-button-container {
|
||||
display: flex;
|
||||
-webkit-box-pack: end;
|
||||
justify-content: flex-end;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
padding: 0 10px;
|
||||
}
|
||||
.bootstrap .hipresta-modules-ad .btn {
|
||||
height: 32px;
|
||||
font-size: .625rem;
|
||||
padding: .5rem;
|
||||
float: none;
|
||||
margin: 0 auto;
|
||||
color: #25b9d7;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
border-color: #25b9d7;
|
||||
border-width: 1px;
|
||||
font-weight: 600;
|
||||
border-radius: .063rem;
|
||||
white-space: nowrap;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
user-select: none;
|
||||
text-transform: none;
|
||||
border-left: 1px solid #25b9d7;
|
||||
}
|
||||
.bootstrap .hipresta-modules-ad .btn:hover {
|
||||
color: #fff;
|
||||
background-color: #19a9c6;
|
||||
border-color: #19a9c6;
|
||||
box-shadow: none;
|
||||
}
|
||||
.bootstrap .hipresta-modules-ad .badges-container {
|
||||
min-height: 30px;
|
||||
font-size: 14px;
|
||||
line-height: 50%;
|
||||
text-align: center;
|
||||
}
|
||||
.bootstrap .hipresta-modules-ad .badges-container img {
|
||||
width: 22px;
|
||||
}
|
||||
.bootstrap .hipresta-modules-ad .module-quick-action-grid {
|
||||
color: #363a41;
|
||||
}
|
||||
|
||||
#instagram_authorize a {
|
||||
color: #666;
|
||||
font-size: 13px;
|
||||
text-decoration: none;
|
||||
}
|
||||
#instagram_authorize a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.social-account-image-item {
|
||||
position: relative;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.social-account-image-item img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.social-account-image-item input[type="checkbox"] {
|
||||
position: absolute;
|
||||
z-index: 99;
|
||||
top: 10px;
|
||||
right: 20px;
|
||||
}
|
||||
109
modules/higallery/views/css/front.css
Normal file
109
modules/higallery/views/css/front.css
Normal file
@@ -0,0 +1,109 @@
|
||||
.higallery-masonry.column-3 .higallery-masonry-item{
|
||||
width: 33%;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media(max-width: 600px) {
|
||||
.higallery-masonry.column-3 .higallery-masonry-item{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
/*Controller page*/
|
||||
#galleries .galleries-block{
|
||||
padding: 5px;
|
||||
}
|
||||
#galleries .galleries-block > a {
|
||||
border: 1px solid #ccc;
|
||||
display: block;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
#galleries .galleries-block img{
|
||||
max-width: 100%;
|
||||
}
|
||||
#galleries .galleries-block h4{
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
padding: 11px 20px;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
filter: alpha(opacity=90);
|
||||
font-family: "Noto Sans", sans-serif;
|
||||
transform: translateY(0%);
|
||||
-webkit-transition: transform 0.3s;
|
||||
-moz-transition: transform 0.3s;
|
||||
-ms-transition: transform 0.3s;
|
||||
-o-transition: transform 0.3s;
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
/*End*/
|
||||
|
||||
.gallerys-container{
|
||||
clear: both;
|
||||
}
|
||||
.gallery-main{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.gallery-main .image-content{
|
||||
padding: 5px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.gallery-main .image-content > a{
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.gallery-main .image-content img{
|
||||
max-width: 100%;
|
||||
}
|
||||
.gallery-main .image-content .caption{
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
padding: 11px 20px;
|
||||
color: #fff;
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
filter: alpha(opacity=90);
|
||||
font-family: "Noto Sans", sans-serif;
|
||||
transform: translateY(100%);
|
||||
-webkit-transition: transform 0.3s;
|
||||
-moz-transition: transform 0.3s;
|
||||
-ms-transition: transform 0.3s;
|
||||
-o-transition: transform 0.3s;
|
||||
transition: transform 0.3s;
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
.gallery-main .image-content > a:hover .caption {
|
||||
transform: translateY(0%);
|
||||
}
|
||||
|
||||
|
||||
.higallery-loader,
|
||||
.hi-gallery-ajax-loader {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
background: url(../img/loader.gif) no-repeat;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
@media ( -webkit-min-device-pixel-ratio : 1.5) {
|
||||
.higallery-loader,
|
||||
.hi-gallery-ajax-loader {
|
||||
background: url(../img/loader@2x.gif) no-repeat;
|
||||
background-size: 60px 60px;
|
||||
}
|
||||
}
|
||||
|
||||
.gallery-title{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
27
modules/higallery/views/css/index.php
Normal file
27
modules/higallery/views/css/index.php
Normal file
@@ -0,0 +1,27 @@
|
||||
<?php
|
||||
/**
|
||||
* 2012 - 2020 HiPresta
|
||||
*
|
||||
* MODULE Gallery
|
||||
*
|
||||
* @author HiPresta <support@hipresta.com>
|
||||
* @copyright HiPresta 2020
|
||||
* @license Addons PrestaShop license limitation
|
||||
* @link https://hipresta.com
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* Don't use this module on several shops. The license provided by PrestaShop Addons
|
||||
* for all its modules is valid only once for a single shop.
|
||||
*/
|
||||
|
||||
|
||||
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
|
||||
header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
|
||||
|
||||
header("Cache-Control: no-store, no-cache, must-revalidate");
|
||||
header("Cache-Control: post-check=0, pre-check=0", false);
|
||||
header("Pragma: no-cache");
|
||||
|
||||
header("Location: ../");
|
||||
exit;
|
||||
351
modules/higallery/views/css/jquery.magnific-popup.css
Normal file
351
modules/higallery/views/css/jquery.magnific-popup.css
Normal file
@@ -0,0 +1,351 @@
|
||||
/* Magnific Popup CSS */
|
||||
.mfp-bg {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 6042;
|
||||
overflow: hidden;
|
||||
position: fixed;
|
||||
background: #0b0b0b;
|
||||
opacity: 0.8; }
|
||||
|
||||
.mfp-wrap {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 6042;
|
||||
position: fixed;
|
||||
outline: none !important;
|
||||
-webkit-backface-visibility: hidden; }
|
||||
|
||||
.mfp-container {
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
padding: 0 8px;
|
||||
box-sizing: border-box; }
|
||||
|
||||
.mfp-container:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
vertical-align: middle; }
|
||||
|
||||
.mfp-align-top .mfp-container:before {
|
||||
display: none; }
|
||||
|
||||
.mfp-content {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin: 0 auto;
|
||||
text-align: left;
|
||||
z-index: 1045; }
|
||||
|
||||
.mfp-inline-holder .mfp-content,
|
||||
.mfp-ajax-holder .mfp-content {
|
||||
width: 100%;
|
||||
cursor: auto; }
|
||||
|
||||
.mfp-ajax-cur {
|
||||
cursor: progress; }
|
||||
|
||||
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
|
||||
cursor: -moz-zoom-out;
|
||||
cursor: -webkit-zoom-out;
|
||||
cursor: zoom-out; }
|
||||
|
||||
.mfp-zoom {
|
||||
cursor: pointer;
|
||||
cursor: -webkit-zoom-in;
|
||||
cursor: -moz-zoom-in;
|
||||
cursor: zoom-in; }
|
||||
|
||||
.mfp-auto-cursor .mfp-content {
|
||||
cursor: auto; }
|
||||
|
||||
.mfp-close,
|
||||
.mfp-arrow,
|
||||
.mfp-preloader,
|
||||
.mfp-counter {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none; }
|
||||
|
||||
.mfp-loading.mfp-figure {
|
||||
display: none; }
|
||||
|
||||
.mfp-hide {
|
||||
display: none !important; }
|
||||
|
||||
.mfp-preloader {
|
||||
color: #CCC;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: auto;
|
||||
text-align: center;
|
||||
margin-top: -0.8em;
|
||||
left: 8px;
|
||||
right: 8px;
|
||||
z-index: 1044; }
|
||||
.mfp-preloader a {
|
||||
color: #CCC; }
|
||||
.mfp-preloader a:hover {
|
||||
color: #FFF; }
|
||||
|
||||
.mfp-s-ready .mfp-preloader {
|
||||
display: none; }
|
||||
|
||||
.mfp-s-error .mfp-content {
|
||||
display: none; }
|
||||
|
||||
button.mfp-close,
|
||||
button.mfp-arrow {
|
||||
overflow: visible;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
-webkit-appearance: none;
|
||||
display: block;
|
||||
outline: none;
|
||||
padding: 0;
|
||||
z-index: 1046;
|
||||
box-shadow: none;
|
||||
touch-action: manipulation; }
|
||||
|
||||
button::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border: 0; }
|
||||
|
||||
.mfp-close {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
line-height: 44px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
opacity: 0.65;
|
||||
padding: 0 0 18px 10px;
|
||||
color: #FFF;
|
||||
font-style: normal;
|
||||
font-size: 28px;
|
||||
font-family: Arial, Baskerville, monospace; }
|
||||
.mfp-close:hover,
|
||||
.mfp-close:focus {
|
||||
opacity: 1; }
|
||||
.mfp-close:active {
|
||||
top: 1px; }
|
||||
|
||||
.mfp-close-btn-in .mfp-close {
|
||||
color: #333; }
|
||||
|
||||
.mfp-image-holder .mfp-close,
|
||||
.mfp-iframe-holder .mfp-close {
|
||||
color: #FFF;
|
||||
right: -6px;
|
||||
text-align: right;
|
||||
padding-right: 6px;
|
||||
width: 100%; }
|
||||
|
||||
.mfp-counter {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
color: #CCC;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
white-space: nowrap; }
|
||||
|
||||
.mfp-arrow {
|
||||
position: absolute;
|
||||
opacity: 0.65;
|
||||
margin: 0;
|
||||
top: 50%;
|
||||
margin-top: -55px;
|
||||
padding: 0;
|
||||
width: 90px;
|
||||
height: 110px;
|
||||
-webkit-tap-highlight-color: transparent; }
|
||||
.mfp-arrow:active {
|
||||
margin-top: -54px; }
|
||||
.mfp-arrow:hover,
|
||||
.mfp-arrow:focus {
|
||||
opacity: 1; }
|
||||
.mfp-arrow:before,
|
||||
.mfp-arrow:after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
margin-top: 35px;
|
||||
margin-left: 35px;
|
||||
border: medium inset transparent; }
|
||||
.mfp-arrow:after {
|
||||
border-top-width: 13px;
|
||||
border-bottom-width: 13px;
|
||||
top: 8px; }
|
||||
.mfp-arrow:before {
|
||||
border-top-width: 21px;
|
||||
border-bottom-width: 21px;
|
||||
opacity: 0.7; }
|
||||
|
||||
.mfp-arrow-left {
|
||||
left: 0; }
|
||||
.mfp-arrow-left:after {
|
||||
border-right: 17px solid #FFF;
|
||||
margin-left: 31px; }
|
||||
.mfp-arrow-left:before {
|
||||
margin-left: 25px;
|
||||
border-right: 27px solid #3F3F3F; }
|
||||
|
||||
.mfp-arrow-right {
|
||||
right: 0; }
|
||||
.mfp-arrow-right:after {
|
||||
border-left: 17px solid #FFF;
|
||||
margin-left: 39px; }
|
||||
.mfp-arrow-right:before {
|
||||
border-left: 27px solid #3F3F3F; }
|
||||
|
||||
.mfp-iframe-holder {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px; }
|
||||
.mfp-iframe-holder .mfp-content {
|
||||
line-height: 0;
|
||||
width: 100%;
|
||||
max-width: 900px; }
|
||||
.mfp-iframe-holder .mfp-close {
|
||||
top: -40px; }
|
||||
|
||||
.mfp-iframe-scaler {
|
||||
width: 100%;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
padding-top: 56.25%; }
|
||||
.mfp-iframe-scaler iframe {
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||||
background: #000; }
|
||||
|
||||
/* Main image in popup */
|
||||
img.mfp-img {
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
line-height: 0;
|
||||
box-sizing: border-box;
|
||||
padding: 40px 0 40px;
|
||||
margin: 0 auto; }
|
||||
|
||||
/* The shadow behind the image */
|
||||
.mfp-figure {
|
||||
line-height: 0; }
|
||||
.mfp-figure:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 40px;
|
||||
bottom: 40px;
|
||||
display: block;
|
||||
right: 0;
|
||||
width: auto;
|
||||
height: auto;
|
||||
z-index: -1;
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||||
background: #444; }
|
||||
.mfp-figure small {
|
||||
color: #BDBDBD;
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
line-height: 14px; }
|
||||
.mfp-figure figure {
|
||||
margin: 0; }
|
||||
|
||||
.mfp-bottom-bar {
|
||||
margin-top: -36px;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
cursor: auto; }
|
||||
|
||||
.mfp-title {
|
||||
text-align: left;
|
||||
line-height: 18px;
|
||||
color: #F3F3F3;
|
||||
word-wrap: break-word;
|
||||
padding-right: 36px; }
|
||||
|
||||
.mfp-image-holder .mfp-content {
|
||||
max-width: 100%; }
|
||||
|
||||
.mfp-gallery .mfp-image-holder .mfp-figure {
|
||||
cursor: pointer; }
|
||||
|
||||
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
|
||||
/**
|
||||
* Remove all paddings around the image on small screen
|
||||
*/
|
||||
.mfp-img-mobile .mfp-image-holder {
|
||||
padding-left: 0;
|
||||
padding-right: 0; }
|
||||
.mfp-img-mobile img.mfp-img {
|
||||
padding: 0; }
|
||||
.mfp-img-mobile .mfp-figure:after {
|
||||
top: 0;
|
||||
bottom: 0; }
|
||||
.mfp-img-mobile .mfp-figure small {
|
||||
display: inline;
|
||||
margin-left: 5px; }
|
||||
.mfp-img-mobile .mfp-bottom-bar {
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
bottom: 0;
|
||||
margin: 0;
|
||||
top: auto;
|
||||
padding: 3px 5px;
|
||||
position: fixed;
|
||||
box-sizing: border-box; }
|
||||
.mfp-img-mobile .mfp-bottom-bar:empty {
|
||||
padding: 0; }
|
||||
.mfp-img-mobile .mfp-counter {
|
||||
right: 5px;
|
||||
top: 3px; }
|
||||
.mfp-img-mobile .mfp-close {
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
padding: 0; } }
|
||||
|
||||
@media all and (max-width: 900px) {
|
||||
.mfp-arrow {
|
||||
-webkit-transform: scale(0.75);
|
||||
transform: scale(0.75); }
|
||||
.mfp-arrow-left {
|
||||
-webkit-transform-origin: 0;
|
||||
transform-origin: 0; }
|
||||
.mfp-arrow-right {
|
||||
-webkit-transform-origin: 100%;
|
||||
transform-origin: 100%; }
|
||||
.mfp-container {
|
||||
padding-left: 6px;
|
||||
padding-right: 6px; } }
|
||||
Reference in New Issue
Block a user