From 0876241bef88f5eb87d03c7f31c2ce347076478c Mon Sep 17 00:00:00 2001 From: Laury GvR Date: Tue, 14 Oct 2014 14:01:58 -0400 Subject: [PATCH] Front page styling, some errors fixed, nextgen gal js/app.jss and joyride-demo.js have a $ instead of jQuery but are read-only Added the Multiple Content Blocks plugin. Using it for the Gallery on homepage. --- css/app.css | 30 ++++++++++++++++++++++++------ footer.php | 3 ++- front-page.php | 19 ++++++++++++++++--- js/app.js | 4 ++-- js/custom/joyride-demo.js | 4 ++-- scss/site/_structure.scss | 31 ++++++++++++++++++++++++------- 6 files changed, 70 insertions(+), 21 deletions(-) diff --git a/css/app.css b/css/app.css index b10122f..1039f98 100644 --- a/css/app.css +++ b/css/app.css @@ -13887,7 +13887,12 @@ article h2 { transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; - z-index: 0; } + z-index: 0; + -webkit-transition: background 0.3s linear; + -moz-transition: background 0.3s linear; + -ms-transition: background 0.3s linear; + -o-transition: background 0.3s linear; + transition: background 0.3s linear; } .homepage_testimonials_over { background-color: Black; @@ -13896,9 +13901,9 @@ article h2 { height: 100%; width: 125%; } -.homepage_testimonials_larrow:hover .homepage_testimonials_over { - opacity: 0.3; - z-index: 99; } +.homepage_testimonials_larrow:hover { + cursor: pointer; + background-color: rgba(0, 0, 0, 0.2); } .homepage_testimonials_text { padding: 25px 10px; @@ -13915,9 +13920,16 @@ article h2 { height: 100%; background-image: url("../assets/img/images/arrowWhiteRight.png"); background-repeat: no-repeat; - background-position: center; } - + background-position: center; + -webkit-transition: background 0.3s linear; + -moz-transition: background 0.3s linear; + -ms-transition: background 0.3s linear; + -o-transition: background 0.3s linear; + transition: background 0.3s linear; } +.homepage_testimonials_rarrow:hover { + cursor: pointer; + background-color: rgba(0, 0, 0, 0.2); } #homepage_problem_solvers { text-align: center; } @@ -13925,6 +13937,12 @@ article h2 { #homepage_gallery { text-align: center; } +.ngg-gallery-thumbnail-box { + margin: 5px 0 !important; } + +.ngg-gallery-thumbnail img { + padding: 0 !important; } + /** * 4.2 Posts * ------------------------------------ diff --git a/footer.php b/footer.php index 444dc62..2171427 100644 --- a/footer.php +++ b/footer.php @@ -38,7 +38,8 @@ // alert("Hello 2"); // } else if (jQuery) // }); - + jQuery(".ngg-galleryoverview").addClass("row"); + jQuery(".ngg-gallery-thumbnail-box").addClass("small-12 medium-4 large-3 columns"); jQuery(document).ready( function() { jQuery("#testimonial2").hide(); jQuery("#testimonial3").hide(); diff --git a/front-page.php b/front-page.php index 95500cf..efcf08b 100644 --- a/front-page.php +++ b/front-page.php @@ -68,11 +68,24 @@ get_header(); ?>

Nestium numquam, conest, to comnis est, illes venitibus milit um!

- +
+
@@ -113,8 +126,8 @@ get_header(); ?>

Problem Solvers

-

Nestium numquam, conest, to comnis est, illes venitibus milit um velitation - occatibus at aut lab is inctaeribus rep occupta! +

É nulda atalantëa arantyalmë írë, huo ai vírë heri valinor, an ela pahta + mornië métima. Pica astar tumna írë be, fernë amaurëa mac up.

diff --git a/js/app.js b/js/app.js index c72513f..42fb140 100644 --- a/js/app.js +++ b/js/app.js @@ -10,6 +10,6 @@ jQuery(document).ready(function(){ }); ;// Joyride demo -$('#start-jr').on('click', function() { - $(document).foundation('joyride','start'); +jQuery$('#start-jr').on('click', function() { + jQuery(document).foundation('joyride','start'); }); \ No newline at end of file diff --git a/js/custom/joyride-demo.js b/js/custom/joyride-demo.js index bf2d03c..e9bb498 100644 --- a/js/custom/joyride-demo.js +++ b/js/custom/joyride-demo.js @@ -1,4 +1,4 @@ // Joyride demo -$('#start-jr').on('click', function() { - $(document).foundation('joyride','start'); +jQuery('#start-jr').on('click', function() { + jQuery(document).foundation('joyride','start'); }); \ No newline at end of file diff --git a/scss/site/_structure.scss b/scss/site/_structure.scss index 5306320..ca4b093 100644 --- a/scss/site/_structure.scss +++ b/scss/site/_structure.scss @@ -442,6 +442,7 @@ article h2 { -webkit-box-shadow: inset 5px 5px 9px 0px rgba(0,0,0,0.6); -moz-box-shadow: inset 5px 5px 9px 0px rgba(0,0,0,0.6); box-shadow: inset 5px 5px 9px 0px rgba(0,0,0,0.6); + } @media (max-width: 768px) { #homepage_testimonials { @@ -478,6 +479,11 @@ article h2 { filter: FlipH; -ms-filter: "FlipH"; z-index: 0; + -webkit-transition: background 0.3s linear; + -moz-transition: background 0.3s linear; + -ms-transition: background 0.3s linear; + -o-transition: background 0.3s linear; + transition: background 0.3s linear; } .homepage_testimonials_over { background-color:Black; @@ -486,9 +492,9 @@ article h2 { height: 100%; width: 125%; } - .homepage_testimonials_larrow:hover .homepage_testimonials_over { - opacity:0.3; - z-index: 99; + .homepage_testimonials_larrow:hover { + cursor: pointer; + background-color: rgba(0,0,0,0.2); } .homepage_testimonials_text { padding: 25px 10px; @@ -506,12 +512,16 @@ article h2 { background-image: url("../assets/img/images/arrowWhiteRight.png"); background-repeat: no-repeat; background-position: center; - } - .homepage_testimonials_rarrow:hover { + -webkit-transition: background 0.3s linear; + -moz-transition: background 0.3s linear; + -ms-transition: background 0.3s linear; + -o-transition: background 0.3s linear; + transition: background 0.3s linear; } - #testimonial2, #testimonial3 { -/* visibility: hidden;*/ + .homepage_testimonials_rarrow:hover { + cursor: pointer; + background-color: rgba(0,0,0,0.2); } #homepage_problem_solvers { text-align:center; @@ -519,6 +529,13 @@ article h2 { #homepage_gallery { text-align:center; } + .ngg-gallery-thumbnail-box { + margin: 5px 0 !important; + } + .ngg-gallery-thumbnail img { + padding: 0 !important; + } + /** -- 2.17.1