From c3e7999ef9d20506a27c22ba64b7a52f72cda178 Mon Sep 17 00:00:00 2001
From: artweb-job
Date: Mon, 9 Jul 2018 15:44:50 +0300
Subject: [PATCH] header + gallery page
---
frontend/views/gallery/index.php | 5 +++--
frontend/views/layouts/main.php | 8 ++++----
frontend/web/css/custom.css | 283 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++------------------------------------------------------------------------------------------------------------------------------------------
frontend/web/css/custom.css.map | 7 +++++++
frontend/web/css/custom.scss | 181 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
frontend/web/js/front.js | 22 +++++++++++-----------
6 files changed, 351 insertions(+), 155 deletions(-)
create mode 100644 frontend/web/css/custom.css.map
create mode 100644 frontend/web/css/custom.scss
diff --git a/frontend/views/gallery/index.php b/frontend/views/gallery/index.php
index ab55c0a..aec6207 100644
--- a/frontend/views/gallery/index.php
+++ b/frontend/views/gallery/index.php
@@ -20,12 +20,13 @@
-
- =$gallery->language->title;?>
+
+
+ =$gallery->language->title;?>
-
-
-
+
+
+
+
diff --git a/frontend/web/css/custom.css b/frontend/web/css/custom.css
index ee54d0a..d7dfc0a 100644
--- a/frontend/web/css/custom.css
+++ b/frontend/web/css/custom.css
@@ -1,159 +1,166 @@
/* your styles go here */
-#footer{
- padding: 20px 0;
-}
-#get-it{
- padding: 30px 0 10px;
-}
+#footer {
+ padding: 20px 0; }
+
+#get-it {
+ padding: 30px 0 10px; }
figure.reviews_gallery {
- width: 33.333%;
- float: left;
- padding: 10px;
-}
+ width: 33.333%;
+ float: left;
+ padding: 10px; }
+
.reviews_gallery img {
- width: 100%;
- height: 100%;
- position: absolute;
- top: 0;
-}
-.reviews_gallery:last-child img{
- margin-bottom:60px;
-}
-.my-gallery{
- position:relative;
-}
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0; }
+
+.reviews_gallery:last-child img {
+ margin-bottom: 60px; }
+
+.gallery_txt a {
+ height: auto;
+ padding: 0; }
+.gallery_txt .image_figcapture {
+ color: #333;
+ margin-bottom: 5px; }
+.gallery_txt img {
+ position: relative;
+ max-width: 100%;
+ width: 360px;
+ top: auto;
+ height: auto; }
+.gallery_txt:nth-child(3n + 4) {
+ clear: both; }
+
+.my-gallery {
+ position: relative; }
+
.my-gallery:after {
- content: '';
- display: block;
- position: relative;
- clear: both;
- margin-bottom: 25px;
-}
+ content: '';
+ display: block;
+ position: relative;
+ clear: both;
+ margin-bottom: 25px; }
+
.my-gallery a {
- width: 100%;
- overflow: hidden;
- display: block;
- height: 0;
- padding-bottom: 60%;
- position: relative;
-}
+ width: 100%;
+ overflow: hidden;
+ display: block;
+ height: 0;
+ padding-bottom: 60%;
+ position: relative; }
+
.testimonials .item .testimonial .name-picture {
- float: right;
- width: 90%;
- text-align: right;
-}
+ float: right;
+ width: 90%;
+ text-align: right; }
+
.testimonials .item .testimonial .bottom .icon {
- color: #6aae7a;
- font-size: 20px;
- float: left;
- width: 10%;
-}
-.testimonials .item .testimonial .name-picture img{
- margin-bottom:10px;
-}
-@media ( max-width: 690px ) {
- figure.reviews_gallery{
- width:50%;
- }
-}
-@media ( max-width: 380px ) {
- figure.reviews_gallery{
- width:100%;
- }
-}
-ul.list-style-none{
- margin:0;padding:0;
-}
-.articles-flex{
- display: flex;
- flex-wrap: wrap;
-}
-.articles-flex .box-image-text{
- height: 100%;
- margin-bottom: 30px;
-}
+ color: #6aae7a;
+ font-size: 20px;
+ float: left;
+ width: 10%; }
+
+.testimonials .item .testimonial .name-picture img {
+ margin-bottom: 10px; }
+
+@media (max-width: 690px) {
+ figure.reviews_gallery {
+ width: 50%; } }
+@media (max-width: 380px) {
+ figure.reviews_gallery {
+ width: 100%; } }
+ul.list-style-none {
+ margin: 0;
+ padding: 0; }
+
+.articles-flex {
+ display: flex;
+ flex-wrap: wrap; }
+
+.articles-flex .box-image-text {
+ height: 100%;
+ margin-bottom: 30px; }
+
.articles-flex p.read-more {
- position: absolute;
- bottom: 10px;
- width: 100%;
-}
+ position: absolute;
+ bottom: 10px;
+ width: 100%; }
/****/
-.main-car-mobile .img-responsive{
- width:100%;
- max-width:350px;
- margin:0 auto;
- text-align: center;
-}
-
-.main-car-mobile ul, .main-car-mobile p{
- font-weight:400!important;
- font-size: 12px;
-}
-.main-car-mobile ul li{
- margin-bottom: 5px;
-}
-
-@media(max-width:515px){
- .main-car-mobile h1, .main-car-mobile h2 {
- font-size: 7vw;
- }
-}
-@media(max-width:365px){
- li.previous, li.next {font-size:3.5vw;}
-}
-@media(max-width:350px){
- section .container h2.text-uppercase, .big-text{font-size: 9vw;}
- .big-text-2{font-size: 7vw;}
-}
+.main-car-mobile .img-responsive {
+ width: 100%;
+ max-width: 350px;
+ margin: 0 auto;
+ text-align: center; }
+
+.main-car-mobile ul, .main-car-mobile p {
+ font-weight: 400 !important;
+ font-size: 12px; }
+.main-car-mobile ul li {
+ margin-bottom: 5px; }
+
+@media (max-width: 515px) {
+ .main-car-mobile h1, .main-car-mobile h2 {
+ font-size: 7vw; } }
+@media (max-width: 365px) {
+ li.previous, li.next {
+ font-size: 3.5vw; } }
+@media (max-width: 350px) {
+ section .container h2.text-uppercase, .big-text {
+ font-size: 9vw; }
+
+ .big-text-2 {
+ font-size: 7vw; } }
#back-to-top {
- position: fixed;
- bottom: 50px;
- right: 50px;
- z-index: 9999;
- width: 48px;
- height: 48px;
- text-align: center;
- line-height: 50px;
- background-color: #6aae7a;
- cursor: pointer;
- text-decoration: none;
- transition: opacity 0.2s ease-out;
- opacity: 0;
- border-radius: 50%;
- box-shadow: 1px 4px 3px 0px rgba(0, 0, 0, 0.2);
- background-image: url("/img/arrow-up-big.png") !important;
- background-position: 50% 50% !important;
- background-repeat: no-repeat !important;
-}
+ position: fixed;
+ bottom: 50px;
+ right: 50px;
+ z-index: 9999;
+ width: 48px;
+ height: 48px;
+ text-align: center;
+ line-height: 50px;
+ background-color: #6aae7a;
+ cursor: pointer;
+ text-decoration: none;
+ transition: opacity 0.2s ease-out;
+ opacity: 0;
+ border-radius: 50%;
+ box-shadow: 1px 4px 3px 0px rgba(0, 0, 0, 0.2);
+ background-image: url("/img/arrow-up-big.png") !important;
+ background-position: 50% 50% !important;
+ background-repeat: no-repeat !important; }
#back-to-top:hover {
- transition: 0.2s;
- background: #206b5c;
- color: #fff;
-}
+ transition: 0.2s;
+ background: #206b5c;
+ color: #fff; }
#back-to-top.show {
- opacity: 1;
-}
+ opacity: 1; }
.langs {
- text-transform: uppercase;
- line-height: 23px;
- margin-top: 2px;
- display: inline-block;
- margin-bottom: -2px;
- margin-left: 10px;
-}
+ text-transform: uppercase;
+ line-height: 23px;
+ margin-top: 2px;
+ display: inline-block;
+ margin-bottom: -2px;
+ margin-left: 10px; }
.langs a.active {
- color: #2f5a89 !important;
- font-weight: bold;
- cursor: default;
- text-decoration: none;
-}
-
-.has-error .form-control {border-color: #e80000;}
-.has-success .form-control {border-color: #009e03;}
\ No newline at end of file
+ color: #2f5a89 !important;
+ font-weight: bold;
+ cursor: default;
+ text-decoration: none; }
+
+.has-error .form-control {
+ border-color: #e80000; }
+
+.has-success .form-control {
+ border-color: #009e03; }
+
+/*# sourceMappingURL=custom.css.map */
diff --git a/frontend/web/css/custom.css.map b/frontend/web/css/custom.css.map
new file mode 100644
index 0000000..d44fc03
--- /dev/null
+++ b/frontend/web/css/custom.css.map
@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "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",
+"sources": ["custom.scss"],
+"names": [],
+"file": "custom.css"
+}
\ No newline at end of file
diff --git a/frontend/web/css/custom.scss b/frontend/web/css/custom.scss
new file mode 100644
index 0000000..6823da9
--- /dev/null
+++ b/frontend/web/css/custom.scss
@@ -0,0 +1,181 @@
+/* your styles go here */
+#footer{
+ padding: 20px 0;
+}
+#get-it{
+ padding: 30px 0 10px;
+}
+
+figure.reviews_gallery {
+ width: 33.333%;
+ float: left;
+ padding: 10px;
+}
+.reviews_gallery img {
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+}
+.reviews_gallery:last-child img{
+ margin-bottom:60px;
+}
+
+
+.gallery_txt {
+ a {
+ height: auto;
+ padding: 0;
+ }
+ .image_figcapture {
+ color: #333;
+ margin-bottom: 5px;
+ }
+ img {
+ position: relative;
+ max-width: 100%;
+ width: 360px;
+ top: auto;
+ height: auto;
+ }
+ &:nth-child(3n + 4) {
+ clear: both;
+ }
+}
+.my-gallery{
+ position:relative;
+}
+.my-gallery:after {
+ content: '';
+ display: block;
+ position: relative;
+ clear: both;
+ margin-bottom: 25px;
+}
+.my-gallery a {
+ width: 100%;
+ overflow: hidden;
+ display: block;
+ height: 0;
+ padding-bottom: 60%;
+ position: relative;
+}
+.testimonials .item .testimonial .name-picture {
+ float: right;
+ width: 90%;
+ text-align: right;
+}
+.testimonials .item .testimonial .bottom .icon {
+ color: #6aae7a;
+ font-size: 20px;
+ float: left;
+ width: 10%;
+}
+.testimonials .item .testimonial .name-picture img{
+ margin-bottom:10px;
+}
+@media ( max-width: 690px ) {
+ figure.reviews_gallery{
+ width:50%;
+ }
+}
+@media ( max-width: 380px ) {
+ figure.reviews_gallery{
+ width:100%;
+ }
+}
+ul.list-style-none{
+ margin:0;padding:0;
+}
+.articles-flex{
+ display: flex;
+ flex-wrap: wrap;
+}
+.articles-flex .box-image-text{
+ height: 100%;
+ margin-bottom: 30px;
+}
+.articles-flex p.read-more {
+ position: absolute;
+ bottom: 10px;
+ width: 100%;
+}
+
+/****/
+.main-car-mobile .img-responsive{
+ width:100%;
+ max-width:350px;
+ margin:0 auto;
+ text-align: center;
+}
+
+.main-car-mobile ul, .main-car-mobile p{
+ font-weight:400!important;
+ font-size: 12px;
+}
+.main-car-mobile ul li{
+ margin-bottom: 5px;
+}
+
+@media(max-width:515px){
+ .main-car-mobile h1, .main-car-mobile h2 {
+ font-size: 7vw;
+ }
+}
+@media(max-width:365px){
+ li.previous, li.next {font-size:3.5vw;}
+}
+@media(max-width:350px){
+ section .container h2.text-uppercase, .big-text{font-size: 9vw;}
+ .big-text-2{font-size: 7vw;}
+}
+
+#back-to-top {
+ position: fixed;
+ bottom: 50px;
+ right: 50px;
+ z-index: 9999;
+ width: 48px;
+ height: 48px;
+ text-align: center;
+ line-height: 50px;
+ background-color: #6aae7a;
+ cursor: pointer;
+ text-decoration: none;
+ transition: opacity 0.2s ease-out;
+ opacity: 0;
+ border-radius: 50%;
+ box-shadow: 1px 4px 3px 0px rgba(0, 0, 0, 0.2);
+ background-image: url("/img/arrow-up-big.png") !important;
+ background-position: 50% 50% !important;
+ background-repeat: no-repeat !important;
+}
+
+#back-to-top:hover {
+ transition: 0.2s;
+ background: #206b5c;
+ color: #fff;
+}
+
+#back-to-top.show {
+ opacity: 1;
+}
+
+.langs {
+ text-transform: uppercase;
+ line-height: 23px;
+ margin-top: 2px;
+ display: inline-block;
+ margin-bottom: -2px;
+ margin-left: 10px;
+}
+
+.langs a.active {
+ color: #2f5a89 !important;
+ font-weight: bold;
+ cursor: default;
+ text-decoration: none;
+}
+
+.has-error .form-control {border-color: #e80000;}
+.has-success .form-control {border-color: #009e03;}
\ No newline at end of file
diff --git a/frontend/web/js/front.js b/frontend/web/js/front.js
index b0e5b46..ae2be28 100755
--- a/frontend/web/js/front.js
+++ b/frontend/web/js/front.js
@@ -668,17 +668,17 @@ $.fn.alignElementsSameHeight = function() {
}
var windowWidth = $(window).width();
-$(window).load(
- function() {
-
- windowWidth = $(window).width();
-
- $(this)
- .alignElementsSameHeight();
- pictureZoom();
- }
- );
-alert('dfs')
+// $(window).load(
+// function() {
+//
+// windowWidth = $(window).width();
+//
+// $(this)
+// .alignElementsSameHeight();
+// pictureZoom();
+// }
+// );
+// alert('dfs')
$(window).resize(function() {
--
libgit2 0.21.4