72 lines
2.1 KiB
Twig
72 lines
2.1 KiB
Twig
|
|
<style type="text/css" id="rescue_custom_css">
|
|
.home-header-bg {
|
|
background:url( '{{ theme_url }}/img/{{ site.header.background }}' ) #ffffff no-repeat center center fixed;
|
|
-webkit-background-size: cover;
|
|
-moz-background-size: cover;
|
|
-o-background-size: cover;
|
|
background-size: cover;
|
|
}
|
|
/* for background-size:cover replacement on iOS devices */
|
|
@media only screen and (max-width: 40em) {
|
|
.home-header-bg {
|
|
background-attachment: scroll;
|
|
}
|
|
}
|
|
@media only screen and (orientation: portrait) and (device-width: 320px), (device-width: 768px) {
|
|
.home-header-bg {
|
|
-webkit-background-size: auto 150%;
|
|
background-attachment: scroll;
|
|
}
|
|
}
|
|
@media only screen and (orientation: landscape) and (device-width: 320px), (device-width: 768px) {
|
|
.home-header-bg {
|
|
-webkit-background-size: 150% auto;
|
|
background-attachment: scroll;
|
|
}
|
|
}
|
|
|
|
.bg-image-header {
|
|
background:url( '{{ theme_url }}/img/{{ site.header.background }}' ) center bottom #ffffff;
|
|
-webkit-background-size: cover;
|
|
-moz-background-size: cover;
|
|
-o-background-size: cover;
|
|
background-size: cover;
|
|
height: 100%;
|
|
}
|
|
|
|
.bg-center-center {
|
|
background-position: center center;
|
|
}
|
|
|
|
.site-branding {
|
|
margin: 0 auto;
|
|
display: table;
|
|
padding-top: 2em;
|
|
}
|
|
</style>
|
|
|
|
<div class="home-header-bg clearfix">
|
|
<div class="site-branding">
|
|
<a href="{{ base_url_absolute }}">
|
|
<img class="logo" src="{{ theme_url }}/img/{{ site.logo }}" alt="{{ site.logo }}"></a>
|
|
</div>
|
|
<div class="hero-widgets-wrap">
|
|
<div class="row">
|
|
<div class="large-8 large-centered columns">
|
|
<aside id="text-3" class="widget widget_text">
|
|
<h1 class="widget-title">{{ site.header.title|raw }}</h1>
|
|
<div class="textwidget">
|
|
<p>{{ site.header.description|raw }}</p>
|
|
<p>
|
|
{% for button in site.header.buttons %}
|
|
<a href="{{ button.url }}" class="{{ button.class }}">{{ button.text }}</a>
|
|
{% endfor %}
|
|
</p>
|
|
</div>
|
|
</aside>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|