.carousel.oe_big .carousel-inner {
height: 450px;
}
+.carousel .carousel-caption {
+ left: auto;
+ right: auto;
+ bottom: 10%;
+ text-align: left;
+ padding: 20px;
+ background: rgba(0, 0, 0, 0.4);
+}
.carousel .carousel-caption h1, .carousel .carousel-caption h2, .carousel .carousel-caption h3 {
margin-top: 10px;
margin-bottom: 10px;
}
.carousel .carousel-image {
- right: 10%;
+ right: 50%;
left: 50%;
top: 5%;
bottom: 5%;
position: absolute;
- text-align: center;
-}
-.carousel .carousel-image img {
- height: 100%;
+ max-height: 90%;
margin: 0 auto;
}
-.carousel .item.text_image .carousel-caption {
- left: auto;
- right: auto;
- bottom: 10%;
- text-align: left;
- padding: 20px;
- background: rgba(0, 0, 0, 0.4);
-}
.carousel .item.text_only .carousel-image {
display: none !important;
}
left: 10%;
right: 10%;
top: 10%;
+ bottom: auto;
text-align: center;
+ background: transparent;
}
.carousel .item.image_text .carousel-caption {
- left: auto;
- text-align: left;
right: 10%;
- bottom: 10%;
- padding: 20px;
- background: rgba(0, 0, 0, 0.4);
}
.carousel .item.image_text .carousel-image {
- right: 50%;
left: 10%;
}
.carousel .carousel-control {
&.oe_big .carousel-inner
height: 450px
.carousel-caption
+ left: auto
+ right: auto
+ bottom: 10%
+ text-align: left
+ padding: 20px
+ background: rgba(0, 0, 0, 0.4)
h1, h2, h3
margin-top: 10px
margin-bottom: 10px
.carousel-image
- right: 10%
+ right: 50%
left: 50%
top: 5%
bottom: 5%
position: absolute
- text-align: center
- img
- height: 100%
- margin: 0 auto
- .item.text_image
- .carousel-caption
- left: auto
- right: auto
- bottom: 10%
- text-align: left
- padding: 20px
- background: rgba(0, 0, 0, 0.4)
+ max-height: 90%
+ margin: 0 auto
.item.text_only
.carousel-image
display: none !important
left: 10%
right: 10%
top: 10%
+ bottom: auto
text-align: center
+ background: transparent
.item.image_text
.carousel-caption
- left: auto
- text-align: left
right: 10%
- bottom: 10%
- padding: 20px
- background: rgba(0, 0, 0, 0.4)
.carousel-image
- right: 50%
left: 10%
.carousel-control
cursor: pointer
this.$target.find('.carousel-control').off('click').on('click', function () {
self.$target.carousel( $(this).data('slide')); });
- this.$target.find('.carousel-image img, .content').attr('contentEditable', 'true');
+ this.$target.find('.carousel-image, .content').attr('contentEditable', 'true');
this._super();
},
});
<a href="/page/website.contactus" class="btn btn-success btn-large">Contact us</a>
</p>
</div>
- <div class="carousel-image hidden-xs">
- <img src="/website/static/src/img/banner/banner_picture.png" alt="Banner OpenERP Image"/>
- </div>
+ <img class="carousel-image hidden-xs" src="/website/static/src/img/banner/banner_picture.png" alt="Banner OpenERP Image"/>
</div>
</div>
</div>