From 30d024df3b300873d0fdc69076c8ffeb20e67b72 Mon Sep 17 00:00:00 2001 From: "vincent@cubedesigners.com" Date: Mon, 7 Sep 2015 07:24:33 +0000 Subject: [PATCH] Fix visibility of case studies link Fix visibility of carrousel --- less/header.less | 9 +-- less/home.less | 165 +++++++++++++++++++++++------------------------ 2 files changed, 85 insertions(+), 89 deletions(-) diff --git a/less/header.less b/less/header.less index 467661b..3a5f82a 100644 --- a/less/header.less +++ b/less/header.less @@ -6,9 +6,9 @@ header { height: 130px; background-color: #222428; z-index: 100; // Some elements on case studies page have a higher z-index so make sure we are above that - position: fixed; - top: 0; - width: 100%; + position: fixed; + top: 0px; + width: 100%; ul { text-transform: uppercase; @@ -70,9 +70,6 @@ header { } } - position: fixed; - top: 0px; - width: 100%; } #headerPlaceholder { diff --git a/less/home.less b/less/home.less index cd4f2bf..2dca92d 100644 --- a/less/home.less +++ b/less/home.less @@ -1,7 +1,5 @@ @import "00-constants"; - - #headerPlaceholder { display: none; } @@ -58,23 +56,23 @@ nav.active[role="navigation"] { .slides { .slideshowmixin(); .slide { -// background-blend-mode: multiply; - overflow: hidden; - .slide-bg { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-size: cover; - background-repeat: no-repeat; - background-position: 50% 0; -// -moz-animation: bg-anim 15s linear 1s infinite; -// -webkit-animation: bg-anim 15s linear 1s infinite; -// transform: scale(1); - display: block; - z-index: -2; - } + // background-blend-mode: multiply; + overflow: hidden; + .slide-bg { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-size: cover; + background-repeat: no-repeat; + background-position: 50% 0; + // -moz-animation: bg-anim 15s linear 1s infinite; + // -webkit-animation: bg-anim 15s linear 1s infinite; + // transform: scale(1); + display: block; + z-index: -2; + } > div { @@ -117,73 +115,74 @@ nav.active[role="navigation"] { } } - .scrollarrow { - position: absolute; - bottom: 10px; - left: 0; - width: 100%; - height: 105px; - margin: 5px 0 0 0; - z-index: 11; - - a { - display: block; - height: 105px; - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iSXNvbGF0aW9uX01vZGUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB3aWR0aD0iNjcuMjE5cHgiIGhlaWdodD0iMzVweCIgdmlld0JveD0iMCAwIDY3LjIxOSAzNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjcuMjE5IDM1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zMy42NzIsMzVjLTAuMzQxLDAtMC42ODEtMC4xMjktMC45NC0wLjM4OUwwLjM4OSwyLjI2OGMtMC41MTktMC41MTktMC41MTktMS4zNiwwLTEuODc5DQoJczEuMzYtMC41MTksMS44NzksMGwzMS40MDQsMzEuNDAzbDMxLjI4LTMxLjI4YzAuNTE5LTAuNTE5LDEuMzYtMC41MTksMS44NzksMGMwLjUxOCwwLjUxOSwwLjUxOCwxLjM2LDAsMS44NzlMMzQuNjEsMzQuNjExDQoJQzM0LjM1MSwzNC44NzEsMzQuMDExLDM1LDMzLjY3MiwzNXoiLz4NCjwvc3ZnPg0K'); - background-position: 50% -10px; - opacity: 0; - } - } + .scrollarrow { + position: absolute; + bottom: 10px; + left: 0; + width: 100%; + height: 105px; + margin: 5px 0 0 0; + z-index: 11; + + a { + display: block; + height: 105px; + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iSXNvbGF0aW9uX01vZGUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB3aWR0aD0iNjcuMjE5cHgiIGhlaWdodD0iMzVweCIgdmlld0JveD0iMCAwIDY3LjIxOSAzNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjcuMjE5IDM1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zMy42NzIsMzVjLTAuMzQxLDAtMC42ODEtMC4xMjktMC45NC0wLjM4OUwwLjM4OSwyLjI2OGMtMC41MTktMC41MTktMC41MTktMS4zNiwwLTEuODc5DQoJczEuMzYtMC41MTksMS44NzksMGwzMS40MDQsMzEuNDAzbDMxLjI4LTMxLjI4YzAuNTE5LTAuNTE5LDEuMzYtMC41MTksMS44NzksMGMwLjUxOCwwLjUxOSwwLjUxOCwxLjM2LDAsMS44NzlMMzQuNjEsMzQuNjExDQoJQzM0LjM1MSwzNC44NzEsMzQuMDExLDM1LDMzLjY3MiwzNXoiLz4NCjwvc3ZnPg0K'); + background-position: 50% -10px; + opacity: 0; + } + } } #casestudies { - background-color: #222428; - color: #fff; - font-size: 22px; - padding: 10px 0 70px 0; - - .title { - font-size: 56px; - padding-top: 0; - color: #fff; - display: inline-block; - } - - .intro { - margin-bottom: 30px; - } - - a:hover .title { - color: @yellow; - } - - .casestudies-list { - h2, h3 { - color: #fff; - font-weight: 300; - } - h2 { - font-size: 32px; - text-transform: none; - @media screen and (max-width: 1000px) { - font-size: 24px; - } - } - h3 { - font-size: 16px; - } - - a { - width: 32.5%; - max-width: 318px; - height: auto; - - @media screen and (max-width: 768px) { // Switch to 2 columns - width: 49%; - } - - } - } + background-color: #222428; + color: #fff; + font-size: 22px; + padding: 10px 0 70px 0; + + .title { + font-size: 56px; + padding-top: 0; + color: #fff; + display: inline-block; + } + + .intro { + margin-bottom: 30px; + } + + a:hover .title { + color: @yellow; + } + + .casestudies-list { + h2, h3 { + color: #fff; + font-weight: 300; + } + h2 { + font-size: 32px; + text-transform: none; + @media screen and (max-width: 1000px) { + font-size: 24px; + } + } + h3 { + font-size: 16px; + } + + a { + width: 32.5%; + max-width: 318px; + height: auto; + + @media screen and (max-width: 768px) { + // Switch to 2 columns + width: 49%; + } + + } + } } \ No newline at end of file -- 2.39.5