// Work out the ratio of the background image\r
CubeIT_Image::getDimensions($image_path, $image_width, $image_height);\r
$image_ratio = $image_height / $image_width;\r
+ $attributes['data-bg-ratio'] = $image_ratio;\r
\r
- $style = "background-image: url($image_path);";\r
- $attributes['data-bg-ratio'] = $image_ratio;\r
+ $style = "background-image: url($image_path);";\r
+\r
+ if (isset($data['backgroundcolor'])) {\r
+ $style .= 'background-color:'. $data['backgroundcolor'];\r
+ }\r
}\r
\r
if (isset($data['bg_color'])) {\r
* @return string\r
*/\r
public function homeCustomers($data) {\r
- $this->data=$data;\r
\r
- $res = '';\r
+ $this->data = $data;\r
\r
+ $res = $this->title($data['title']);\r
+ $res .= $this->markupDotclear($data['content']);\r
+ $res .= $this->linkCMS($data['button'], ['class' => 'btn', 'style' => 'background:'. $data['themecolor']]);\r
\r
- return $this->_layer($res, 'customers');\r
+ return $this->_layer($res, 'customers');\r
}\r
}
\ No newline at end of file
* @return string\r
*/\r
public function homeFeatures($data) {\r
- $this->data=$data;\r
\r
- $res='';\r
+ $this->data = $data;\r
+\r
+ $res = $this->title($data['title']);\r
+ $res .= $this->markupDotclear($data['content']);\r
+ $res .= $this->linkCMS($data['button'], ['class' => 'btn', 'style' => 'background:'. $data['themecolor']]);\r
\r
return $this->_layer($res, 'features');\r
}\r
public function homeServices($data) {\r
$this->data = $data;\r
\r
- $res = '';\r
+ $res = $this->title($data['title']);\r
+ $res .= $this->markupDotclear($data['content']);\r
+ $res .= $this->linkCMS($data['button'], ['class' => 'btn', 'style' => 'background:'. $data['themecolor']]);\r
\r
return $this->_layer($res, 'services');\r
}\r
}\r
});\r
\r
- var headerClass = $(section).data('headerstyle');\r
- if (headerClass == 'light') {\r
- if (!$("header").hasClass('light')) {\r
- $("header,#nav-icon").addClass('light').removeClass('dark');\r
- }\r
- } else {\r
- if (!$("header").hasClass('dark')) {\r
- $("header,#nav-icon").addClass('dark').removeClass('light');\r
+ if (section !== undefined) {\r
+\r
+ var headerClass = section.data('headerstyle');\r
+ if (headerClass == 'light') {\r
+ if (!$("header").hasClass('light')) {\r
+ $("header,#nav-icon").addClass('light').removeClass('dark');\r
+ }\r
+ } else {\r
+ if (!$("header").hasClass('dark')) {\r
+ $("header,#nav-icon").addClass('dark').removeClass('light');\r
+ }\r
}\r
+\r
}\r
\r
}
\ No newline at end of file
padding-bottom: 5%;\r
&.fullheight {\r
min-height: 100%;\r
- background-size: cover;\r
+ background-size: 100%;\r
}\r
}\r
\r
\r
a {\r
transition: @transition-time-buttons color;\r
+\r
+ header#h.light & {\r
+ color: @color-header-grey;\r
+ }\r
}\r
\r
&.active a, a:hover {\r
border-bottom-color: transparent;\r
- color: @color-submenu-hover;\r
+ color: @color-submenu-hover !important;\r
}\r
}\r
}\r
transform: translateY(-50%);\r
}\r
\r
- .dotclear {\r
- max-width: 500px;\r
- }\r
-\r
.btn {\r
.button();\r
+ color: #fff;\r
+ margin-top: 30px;\r
}\r
\r
section {\r
}\r
}\r
\r
+ .dotclear {\r
+ max-width: 500px;\r
+ }\r
+\r
// Sections\r
&.intro {\r
- .btn {\r
- color: #fff;\r
- margin-top: 30px;\r
- }\r
+\r
}\r
}\r
}
\ No newline at end of file