]> _ Git - cubedesigners-v7.git/commitdiff
Fix visibility of case studies link
authorvincent@cubedesigners.com <vincent@cubedesigners.com@f5622870-0f3c-0410-866d-9cb505b7a8ef>
Mon, 7 Sep 2015 07:24:33 +0000 (07:24 +0000)
committervincent@cubedesigners.com <vincent@cubedesigners.com@f5622870-0f3c-0410-866d-9cb505b7a8ef>
Mon, 7 Sep 2015 07:24:33 +0000 (07:24 +0000)
Fix visibility of carrousel

less/header.less
less/home.less

index 467661b9983c3ab053223b9521bdadd9f2ce740f..3a5f82a419129bb0685677d06d53d4685f3d7c3b 100644 (file)
@@ -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 {
index cd4f2bfc71f9fcdd9d74bf29f798e8e1ac56d5cf..2dca92dab637537efd8ec99843581cbc728dbe1e 100644 (file)
@@ -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