$home = $homepage->getHref();\r
}\r
?>\r
-<header>\r
+<header class="light">\r
<div id="header" class="content">\r
<?php\r
echo $this->headerLogo();\r
--- /dev/null
+<?php\r
+/**\r
+ * Created by IntelliJ IDEA.\r
+ * User: Vincent\r
+ * Date: 22/06/2016\r
+ * Time: 19:27\r
+ */
\ No newline at end of file
--- /dev/null
+<?php\r
+/**\r
+ * Created by IntelliJ IDEA.\r
+ * User: Vincent\r
+ * Date: 22/06/2016\r
+ * Time: 19:26\r
+ */
\ No newline at end of file
--- /dev/null
+<?php\r
+/**\r
+ * Created by IntelliJ IDEA.\r
+ * User: Vincent\r
+ * Date: 22/06/2016\r
+ * Time: 19:26\r
+ */
\ No newline at end of file
--- /dev/null
+<?php\r
+/**\r
+ * Created by IntelliJ IDEA.\r
+ * User: Vincent\r
+ * Date: 22/06/2016\r
+ * Time: 19:27\r
+ */
\ No newline at end of file
--- /dev/null
+<?php\r
+/**\r
+ * Created by IntelliJ IDEA.\r
+ * User: Vincent\r
+ * Date: 22/06/2016\r
+ * Time: 19:26\r
+ */
\ No newline at end of file
+<?php\r
+$this->headScript()->addScriptAndStyle('210-home');
\ No newline at end of file
--- /dev/null
+<?php\r
+/**\r
+ * Created by IntelliJ IDEA.\r
+ * User: Vincent\r
+ * Date: 22/06/2016\r
+ * Time: 19:25\r
+ */
\ No newline at end of file
registerLoader(load_header, true);\r
\r
function load_header() {\r
- $(window).on('cubeitresize', resizeHeader());\r
+ $(window).on('cubeitresize', resizeHeader);\r
resizeHeader();\r
\r
}\r
function resizeHeader() {\r
var ww = $(window).width();\r
var wh = $(window).height();\r
-\r
var nav = $("header nav#menu");\r
- var menuLeft = (ww - $(nav).outerWidth()) / 2;\r
- $(nav).data('centeroffset', menuLeft).css('left',menuLeft);\r
-\r
-\r
+ var menuLeft = ($("#header").outerWidth() - $(nav).outerWidth()) / 2;\r
+ $(nav).data('centeroffset', menuLeft).css('left', menuLeft);\r
}\r
--- /dev/null
+/**\r
+ * Created by Vincent on 22/06/2016.\r
+ */\r
\r
main{\r
background-color: #fff;\r
+ padding-top: 180px;\r
+}\r
+\r
+.cubeit-content{\r
+ width: 90%;\r
+ margin:0 auto;\r
}
\ No newline at end of file
+@import "000-imports";\r
+#adminBar{\r
+ position: fixed;\r
+ top:0px;\r
+ left:0px;\r
+ background-color:@color-footer-bg-secondary;\r
+ height:25px;\r
+ width: 100%;\r
+ padding:5px 5%;\r
+ .bar {\r
+ color: #5c6268;\r
+ a.right{\r
+ color:#c00;\r
+ }\r
+ }\r
+}\r
+\r
+header {\r
+ top:25px !important;\r
+}
\ No newline at end of file
color: @color-header-grey;\r
padding: 0 5%;\r
vertical-align: bottom;\r
- border: 1px solid #f00;\r
\r
#header {\r
height: 90px;\r
\r
nav#menu {\r
position: relative;\r
- top: 54px;\r
+ top: 57px;\r
\r
display: inline-block;\r
text-align: center;\r
line-height: 9px;\r
border: 1px solid transparent;\r
padding-bottom: 13px;\r
+ display: inline-block;\r
}\r
\r
li.active a, a:hover {\r
}\r
a {\r
display: inline-block;\r
- border: 1px solid @color-header-grey;\r
padding: 13px 29px 14px;\r
line-height: 9px;\r
border-radius: 19px;\r
+ border: 1px solid transparent;\r
&.quoteLink {\r
.background-button(@color-green);\r
color: #fff;\r
}\r
- &.agencies{\r
- .border-button(@color-header-grey,#c2c4c7);\r
- }\r
- }\r
- }\r
-\r
- &.light {\r
- color: #fff;\r
- nav #menu {\r
- li.active a, a:hover {\r
- border-bottom-color: #fff;\r
- }\r
- a {\r
- color: #fff;\r
+ &.agencies {\r
+ .border-button(@color-header-grey, #c2c4c7);\r
}\r
}\r
}\r
opacity: 0;\r
}\r
}\r
+\r
+ &.light {\r
+ color: #fff;\r
+ nav#menu {\r
+ li.active a, a:hover {\r
+ border-bottom-color: #fff;\r
+ }\r
+ a {\r
+ color: #fff;\r
+ }\r
+ }\r
+ nav#contactnav {\r
+ a {\r
+ &.agencies {\r
+ .border-button(#fff, #fff);\r
+ }\r
+ }\r
+ }\r
+ .logo {\r
+ .text-dark {\r
+ opacity: 0;\r
+ }\r
+ .text-white {\r
+ opacity: 1;\r
+ }\r
+ }\r
+ }\r
}
\ No newline at end of file
--- /dev/null
+main {\r
+ height: 3000px;\r
+ background-image: linear-gradient(to bottom, rgba(30, 87, 153, 1) 0%, rgba(125, 185, 232, 1) 100%);;\r
+}
\ No newline at end of file