From: Laury GvR Date: Tue, 14 Oct 2014 12:44:41 +0000 (-0400) Subject: New images, homepage styling and structure. X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=6def3743101c1fb8e5d299bceb5fd3a51986f977;p=web%2FWP-Theme-GaslightMedia.git New images, homepage styling and structure. --- diff --git a/assets/img/PSDs/._GML_v2.psd b/assets/img/PSDs/._GML_v2.psd new file mode 100755 index 0000000..ccf41c6 Binary files /dev/null and b/assets/img/PSDs/._GML_v2.psd differ diff --git a/assets/img/PSDs/GML_v2.psd b/assets/img/PSDs/GML_v2.psd new file mode 100755 index 0000000..00aa118 Binary files /dev/null and b/assets/img/PSDs/GML_v2.psd differ diff --git a/assets/img/PSDs/PSDs/._.DS_Store b/assets/img/PSDs/PSDs/._.DS_Store new file mode 100755 index 0000000..a6e6f8d Binary files /dev/null and b/assets/img/PSDs/PSDs/._.DS_Store differ diff --git a/assets/img/PSDs/PSDs/._GML_v2-interior1.psd b/assets/img/PSDs/PSDs/._GML_v2-interior1.psd new file mode 100755 index 0000000..f373d29 Binary files /dev/null and b/assets/img/PSDs/PSDs/._GML_v2-interior1.psd differ diff --git a/assets/img/PSDs/PSDs/._GML_v2-interior2.psd b/assets/img/PSDs/PSDs/._GML_v2-interior2.psd new file mode 100644 index 0000000..113c10c Binary files /dev/null and b/assets/img/PSDs/PSDs/._GML_v2-interior2.psd differ diff --git a/assets/img/PSDs/PSDs/._GML_v2-interior3.psd b/assets/img/PSDs/PSDs/._GML_v2-interior3.psd new file mode 100644 index 0000000..8dde49a Binary files /dev/null and b/assets/img/PSDs/PSDs/._GML_v2-interior3.psd differ diff --git a/assets/img/PSDs/PSDs/._GML_v2-interior4.psd b/assets/img/PSDs/PSDs/._GML_v2-interior4.psd new file mode 100644 index 0000000..915148c Binary files /dev/null and b/assets/img/PSDs/PSDs/._GML_v2-interior4.psd differ diff --git a/assets/img/PSDs/PSDs/._GML_v2.psd b/assets/img/PSDs/PSDs/._GML_v2.psd new file mode 100755 index 0000000..ccf41c6 Binary files /dev/null and b/assets/img/PSDs/PSDs/._GML_v2.psd differ diff --git a/assets/img/PSDs/PSDs/._header-escanaba.psd b/assets/img/PSDs/PSDs/._header-escanaba.psd new file mode 100644 index 0000000..a1e3744 Binary files /dev/null and b/assets/img/PSDs/PSDs/._header-escanaba.psd differ diff --git a/assets/img/PSDs/PSDs/._header-keweenaw.psd b/assets/img/PSDs/PSDs/._header-keweenaw.psd new file mode 100644 index 0000000..4a4ff64 Binary files /dev/null and b/assets/img/PSDs/PSDs/._header-keweenaw.psd differ diff --git a/assets/img/PSDs/PSDs/._header-uptravel.psd b/assets/img/PSDs/PSDs/._header-uptravel.psd new file mode 100644 index 0000000..99b970a Binary files /dev/null and b/assets/img/PSDs/PSDs/._header-uptravel.psd differ diff --git a/assets/img/PSDs/PSDs/GML_v2-interior1.psd b/assets/img/PSDs/PSDs/GML_v2-interior1.psd new file mode 100755 index 0000000..1b5354a Binary files /dev/null and b/assets/img/PSDs/PSDs/GML_v2-interior1.psd differ diff --git a/assets/img/PSDs/PSDs/GML_v2-interior2.psd b/assets/img/PSDs/PSDs/GML_v2-interior2.psd new file mode 100644 index 0000000..cf44da6 Binary files /dev/null and b/assets/img/PSDs/PSDs/GML_v2-interior2.psd differ diff --git a/assets/img/PSDs/PSDs/GML_v2-interior3.psd b/assets/img/PSDs/PSDs/GML_v2-interior3.psd new file mode 100644 index 0000000..4ff22fe Binary files /dev/null and b/assets/img/PSDs/PSDs/GML_v2-interior3.psd differ diff --git a/assets/img/PSDs/PSDs/GML_v2-interior4.psd b/assets/img/PSDs/PSDs/GML_v2-interior4.psd new file mode 100644 index 0000000..20131f5 Binary files /dev/null and b/assets/img/PSDs/PSDs/GML_v2-interior4.psd differ diff --git a/assets/img/PSDs/PSDs/GML_v2.psd b/assets/img/PSDs/PSDs/GML_v2.psd new file mode 100755 index 0000000..00aa118 Binary files /dev/null and b/assets/img/PSDs/PSDs/GML_v2.psd differ diff --git a/assets/img/PSDs/PSDs/header-escanaba.psd b/assets/img/PSDs/PSDs/header-escanaba.psd new file mode 100644 index 0000000..7df0652 Binary files /dev/null and b/assets/img/PSDs/PSDs/header-escanaba.psd differ diff --git a/assets/img/PSDs/PSDs/header-keweenaw.psd b/assets/img/PSDs/PSDs/header-keweenaw.psd new file mode 100644 index 0000000..e5f500c Binary files /dev/null and b/assets/img/PSDs/PSDs/header-keweenaw.psd differ diff --git a/assets/img/PSDs/PSDs/header-uptravel.psd b/assets/img/PSDs/PSDs/header-uptravel.psd new file mode 100644 index 0000000..9b4c302 Binary files /dev/null and b/assets/img/PSDs/PSDs/header-uptravel.psd differ diff --git a/assets/img/PSDs/header-escanaba.psd b/assets/img/PSDs/header-escanaba.psd new file mode 100644 index 0000000..8d486b0 Binary files /dev/null and b/assets/img/PSDs/header-escanaba.psd differ diff --git a/assets/img/header.png b/assets/img/header.png new file mode 100644 index 0000000..df49d8b Binary files /dev/null and b/assets/img/header.png differ diff --git a/assets/img/images/arrowOrangeLeft.png b/assets/img/images/arrowOrangeLeft.png new file mode 100644 index 0000000..a012787 Binary files /dev/null and b/assets/img/images/arrowOrangeLeft.png differ diff --git a/assets/img/images/arrowOrangeRight.png b/assets/img/images/arrowOrangeRight.png new file mode 100644 index 0000000..8b0b0ae Binary files /dev/null and b/assets/img/images/arrowOrangeRight.png differ diff --git a/assets/img/images/arrowWhiteLeft.png b/assets/img/images/arrowWhiteLeft.png new file mode 100644 index 0000000..1b6e9f2 Binary files /dev/null and b/assets/img/images/arrowWhiteLeft.png differ diff --git a/assets/img/images/arrowWhiteRight.png b/assets/img/images/arrowWhiteRight.png new file mode 100644 index 0000000..cde2083 Binary files /dev/null and b/assets/img/images/arrowWhiteRight.png differ diff --git a/assets/img/images/lrgQuoteLeft.png b/assets/img/images/lrgQuoteLeft.png new file mode 100644 index 0000000..6907c4b Binary files /dev/null and b/assets/img/images/lrgQuoteLeft.png differ diff --git a/assets/img/images/lrgQuoteRight.png b/assets/img/images/lrgQuoteRight.png new file mode 100644 index 0000000..52b8038 Binary files /dev/null and b/assets/img/images/lrgQuoteRight.png differ diff --git a/assets/img/orangeLine.png b/assets/img/orangeLine.png new file mode 100644 index 0000000..8bb5d2c Binary files /dev/null and b/assets/img/orangeLine.png differ diff --git a/assets/img/portfolio/pf_Alpena.png b/assets/img/portfolio/pf_Alpena.png new file mode 100644 index 0000000..fdf91ab Binary files /dev/null and b/assets/img/portfolio/pf_Alpena.png differ diff --git a/assets/img/portfolio/pf_BigFore.png b/assets/img/portfolio/pf_BigFore.png new file mode 100644 index 0000000..73469bf Binary files /dev/null and b/assets/img/portfolio/pf_BigFore.png differ diff --git a/assets/img/portfolio/pf_Hover.png b/assets/img/portfolio/pf_Hover.png new file mode 100644 index 0000000..8ee8bec Binary files /dev/null and b/assets/img/portfolio/pf_Hover.png differ diff --git a/assets/img/portfolio/pf_KandyKorn.png b/assets/img/portfolio/pf_KandyKorn.png new file mode 100644 index 0000000..8395891 Binary files /dev/null and b/assets/img/portfolio/pf_KandyKorn.png differ diff --git a/assets/img/portfolio/pf_Keweenaw.png b/assets/img/portfolio/pf_Keweenaw.png new file mode 100644 index 0000000..90e11ee Binary files /dev/null and b/assets/img/portfolio/pf_Keweenaw.png differ diff --git a/assets/img/portfolio/pf_PHSACF.png b/assets/img/portfolio/pf_PHSACF.png new file mode 100644 index 0000000..406c86d Binary files /dev/null and b/assets/img/portfolio/pf_PHSACF.png differ diff --git a/assets/img/portfolio/pf_STIgnace.png b/assets/img/portfolio/pf_STIgnace.png new file mode 100644 index 0000000..85b3b18 Binary files /dev/null and b/assets/img/portfolio/pf_STIgnace.png differ diff --git a/assets/img/portfolio/pf_SooLocks.png b/assets/img/portfolio/pf_SooLocks.png new file mode 100644 index 0000000..0c54dd9 Binary files /dev/null and b/assets/img/portfolio/pf_SooLocks.png differ diff --git a/assets/img/portfolio/pf_UPTravel.png b/assets/img/portfolio/pf_UPTravel.png new file mode 100644 index 0000000..18684d7 Binary files /dev/null and b/assets/img/portfolio/pf_UPTravel.png differ diff --git a/css/app.css b/css/app.css index 133ee84..d911795 100644 --- a/css/app.css +++ b/css/app.css @@ -1112,7 +1112,7 @@ select { color: white; } .alert-box.warning { background-color: #f08a24; - border-color: #de730f; + border-color: #de770f; color: white; } .alert-box.info { background-color: #a0d3e8; @@ -1867,10 +1867,10 @@ button, .button { color: white; } button.warning, .button.warning { background-color: #f08a24; - border-color: #cf6b0e; + border-color: #cf6e0e; color: white; } button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { - background-color: #cf6b0e; } + background-color: #cf6e0e; } button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { color: white; } button.info, .button.info { @@ -1967,13 +1967,13 @@ button, .button { background-color: #f04124; } button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning { background-color: #f08a24; - border-color: #cf6b0e; + border-color: #cf6e0e; color: white; cursor: default; opacity: 0.7; box-shadow: none; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { - background-color: #cf6b0e; } + background-color: #cf6e0e; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { color: white; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { @@ -2520,10 +2520,10 @@ button, .button { color: white; } button.warning, .button.warning { background-color: #f08a24; - border-color: #cf6b0e; + border-color: #cf6e0e; color: white; } button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { - background-color: #cf6b0e; } + background-color: #cf6e0e; } button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { color: white; } button.info, .button.info { @@ -2620,13 +2620,13 @@ button, .button { background-color: #f04124; } button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning { background-color: #f08a24; - border-color: #cf6b0e; + border-color: #cf6e0e; color: white; cursor: default; opacity: 0.7; box-shadow: none; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { - background-color: #cf6b0e; } + background-color: #cf6e0e; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { color: white; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { @@ -3712,10 +3712,10 @@ button, .button { color: white; } button.warning, .button.warning { background-color: #f08a24; - border-color: #cf6b0e; + border-color: #cf6e0e; color: white; } button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { - background-color: #cf6b0e; } + background-color: #cf6e0e; } button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { color: white; } button.info, .button.info { @@ -3812,13 +3812,13 @@ button, .button { background-color: #f04124; } button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning { background-color: #f08a24; - border-color: #cf6b0e; + border-color: #cf6e0e; color: white; cursor: default; opacity: 0.7; box-shadow: none; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { - background-color: #cf6b0e; } + background-color: #cf6e0e; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { color: white; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { @@ -6687,10 +6687,10 @@ button, .button { color: white; } button.warning, .button.warning { background-color: #f08a24; - border-color: #cf6b0e; + border-color: #cf6e0e; color: white; } button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { - background-color: #cf6b0e; } + background-color: #cf6e0e; } button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { color: white; } button.info, .button.info { @@ -6787,13 +6787,13 @@ button, .button { background-color: #f04124; } button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning { background-color: #f08a24; - border-color: #cf6b0e; + border-color: #cf6e0e; color: white; cursor: default; opacity: 0.7; box-shadow: none; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { - background-color: #cf6b0e; } + background-color: #cf6e0e; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { color: white; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { @@ -10333,10 +10333,10 @@ button, .button { color: white; } button.warning, .button.warning { background-color: #f08a24; - border-color: #cf6b0e; + border-color: #cf6e0e; color: white; } button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { - background-color: #cf6b0e; } + background-color: #cf6e0e; } button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { color: white; } button.info, .button.info { @@ -10433,13 +10433,13 @@ button, .button { background-color: #f04124; } button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning { background-color: #f08a24; - border-color: #cf6b0e; + border-color: #cf6e0e; color: white; cursor: default; opacity: 0.7; box-shadow: none; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { - background-color: #cf6b0e; } + background-color: #cf6e0e; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { color: white; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { @@ -10703,10 +10703,10 @@ button, .button { color: white; } button.warning, .button.warning { background-color: #f08a24; - border-color: #cf6b0e; + border-color: #cf6e0e; color: white; } button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { - background-color: #cf6b0e; } + background-color: #cf6e0e; } button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { color: white; } button.info, .button.info { @@ -10803,13 +10803,13 @@ button, .button { background-color: #f04124; } button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning { background-color: #f08a24; - border-color: #cf6b0e; + border-color: #cf6e0e; color: white; cursor: default; opacity: 0.7; box-shadow: none; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { - background-color: #cf6b0e; } + background-color: #cf6e0e; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { color: white; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { @@ -13797,6 +13797,133 @@ article h2 { #homepage-hero .download { margin-top: 1.25rem; } +#homepage_market_experts { + padding: 20px; + text-align: center; } + +#homepage_market_experts > h1 { + font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif; + font-weight: normal; } + +#homepage_market_experts > div { + padding: 15px; } + +.homepage_box { + height: 215px; + border: 1px black solid; + position: relative; } + +.homepage_box:hover { + background: #f48228; } + +.homepage_box_title { + font-weight: bold; + margin: 18px; + font-size: 18px; + color: #f48228; } + +.homepage_box:hover .homepage_box_title, .homepage_box:hover .homepage_box_desc { + color: white; } + +.homepage_box_desc { + color: #6d6e71; + /* text-align: center;*/ + margin: 0 30px; } + +.homepage_box_arrow { + width: 100%; + position: absolute; + bottom: 10px; } + +.homepage_box_arrow > div { + background-image: url("../assets/img/images/arrowOrangeRight.png"); + width: 31px; + height: 28px; + margin: 20px auto; } + +.homepage_box:hover .homepage_box_arrow > div { + background-image: url("../assets/img/images/arrowWhiteRight.png"); } + +#homepage_portfolio { + text-align: center; } + +#homepage_testimonials { + width: 100%; + height: 165px; + /* max-height: 200px;*/ + text-align: center; + background-color: #f48228; + margin: 10px 0; + -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 { + height: 200px; } } + +@media (max-width: 600px) { + #homepage_testimonials { + height: 240px; } } + +@media (max-width: 480px) { + #homepage_testimonials { + height: 290px; + font-size: 0.9rem !important; } } + +@media (max-width: 320px) { + #homepage_testimonials { + height: 330px; } } + +.homepage_testimonials_larrow { + min-width: 31px; + height: 100%; + background-image: url("../assets/img/images/arrowWhiteRight.png"); + background-repeat: no-repeat; + background-position: center; + -moz-transform: scaleX(-1); + -o-transform: scaleX(-1); + -webkit-transform: scaleX(-1); + transform: scaleX(-1); + filter: FlipH; + -ms-filter: "FlipH"; + z-index: 0; } + +.homepage_testimonials_over { + background-color: Black; + opacity: 0; + display: none; + height: 100%; + width: 125%; } + +.homepage_testimonials_larrow:hover .homepage_testimonials_over { + opacity: 0.3; + z-index: 99; } + +.homepage_testimonials_text { + padding: 25px 10px; + overflow: hidden; + height: 100%; } + +.homepage_testimonials_text p { + text-decoration: none; + color: white; } + +.homepage_testimonials_rarrow { + padding: 5px; + min-width: 31px; + height: 100%; + background-image: url("../assets/img/images/arrowWhiteRight.png"); + background-repeat: no-repeat; + background-position: center; } + + +#homepage_problem_solvers { + text-align: center; } + +#homepage_gallery { + text-align: center; } + /** * 4.2 Posts * ------------------------------------ diff --git a/page-2.php b/page-2.php deleted file mode 100644 index 0c8cfb6..0000000 --- a/page-2.php +++ /dev/null @@ -1,40 +0,0 @@ - -
-
-
- -
-
-
- -
-
- - - - -
id="post-"> -
-

-
- -
- -
-
- '' )); ?> -

-
- - - -
- - - - -
- -
- diff --git a/page-5.php b/page-5.php new file mode 100644 index 0000000..af4520c --- /dev/null +++ b/page-5.php @@ -0,0 +1,123 @@ + +
+
+
+ +
+
+
+ +
+
+ + + + +
id="post-"> +
+

+
+ +
+
+

Market Experts

+
+
+
+ Travel & Tourism +
+
+ Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla. +
+
+
+
+
+ +
+
+
+
+ Membership Associations +
+
+ Blablabla? +
+
+
+
+
+
+
+
+
+ Government & Municipalities +
+
+ Nestium numquam, conest, to comnis est, illes venitibus milit um! +
+
+
+
+
+
+
+
+

Portfolio of Results

+

Since 1995, Gaslight Media blab labl ablabalbla abla bal bal bla blabla!

+ +
+ +
+

Problem Solvers

+

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

+
+ +
+
+ '' )); ?> +

+
+ + + +
+ + + + +
+ +
+ diff --git a/scss/site/_structure.scss b/scss/site/_structure.scss index 75a2b7d..e479ad8 100644 --- a/scss/site/_structure.scss +++ b/scss/site/_structure.scss @@ -377,6 +377,147 @@ article h2 { .download { margin-top: rem-calc(20); } } + + // Home + #homepage_market_experts { + padding: 20px; + text-align: center; + } + #homepage_market_experts > h1 { + font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif; + font-weight: normal; + } + #homepage_market_experts > div { + padding: 15px; + } + .homepage_box { + height: 215px; + border: 1px black solid; + position: relative; + } + .homepage_box:hover { + background: $secondary-color; + } + .homepage_box_title { + font-weight: bold; + margin: 18px; + font-size: 18px; + color: $secondary-color; + } + .homepage_box:hover .homepage_box_title, + .homepage_box:hover .homepage_box_desc { + color: white; + } + .homepage_box_desc { + color: #6d6e71; +/* text-align: center;*/ + margin: 0 30px; + } + .homepage_box_arrow { + width: 100%; + position: absolute; + bottom: 10px; + } + .homepage_box_arrow > div { + background-image: url("../assets/img/images/arrowOrangeRight.png"); + width: 31px; + height: 28px; + margin: 20px auto; + } + .homepage_box:hover .homepage_box_arrow > div { + background-image: url("../assets/img/images/arrowWhiteRight.png"); + } + #homepage_portfolio { + text-align:center; + + } + #homepage_testimonials { + width: 100%; + height: 165px; + +/* max-height: 200px;*/ + text-align:center; + background-color: $secondary-color; + margin: 10px 0; + -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 { + height: 200px; + } + } + @media (max-width: 600px) { + #homepage_testimonials { + height: 240px; + } + } + @media (max-width: 480px) { + #homepage_testimonials { + height: 290px; + font-size: 0.9rem !important; + } + } + @media (max-width: 320px) { + #homepage_testimonials { + height: 330px; + } + } + + .homepage_testimonials_larrow { + min-width: 31px; + height: 100%; + background-image: url("../assets/img/images/arrowWhiteRight.png"); + background-repeat: no-repeat; + background-position: center; + -moz-transform: scaleX(-1); + -o-transform: scaleX(-1); + -webkit-transform: scaleX(-1); + transform: scaleX(-1); + filter: FlipH; + -ms-filter: "FlipH"; + z-index: 0; + } + .homepage_testimonials_over { + background-color:Black; + opacity:0.0; + display: none; + height: 100%; + width: 125%; + } + .homepage_testimonials_larrow:hover .homepage_testimonials_over { + opacity:0.3; + z-index: 99; + } + .homepage_testimonials_text { + padding: 25px 10px; + overflow: hidden; + height: 100%; + } + .homepage_testimonials_text p { + text-decoration: none; + color: white; + } + .homepage_testimonials_rarrow { + padding: 5px; + min-width: 31px; + height: 100%; + background-image: url("../assets/img/images/arrowWhiteRight.png"); + background-repeat: no-repeat; + background-position: center; + } + .homepage_testimonials_rarrow:hover { + + } + #homepage_problem_solvers { + text-align:center; + + } + #homepage_gallery { + text-align:center; + + } /**