[*] FO : Move header modules to new hook, last part 2/2

This commit is contained in:
gRoussac
2013-12-11 16:22:33 +01:00
parent 472742a42d
commit c574b04a63
97 changed files with 858 additions and 1712 deletions
@@ -1,467 +1,65 @@
/* Special style for block cart*/
/*******************************************************************
Cart Block Styles
********************************************************************/
#cart_block #cart_block_list .deleteCustomizableProduct, #cart_block #cart_block_list .remove_link {
position: absolute;
right: 10px;
top: 19px;
}
#cart_block #cart_block_list .remove_link a, #cart_block #cart_block_list .ajax_cart_block_remove_link {
color: #777777;
}
#cart_block #cart_block_list .remove_link a:before, #cart_block #cart_block_list .ajax_cart_block_remove_link:before {
display: inline-block;
content: "";
font-family: "FontAwesome";
font-size: 18px;
line-height: 18px;
}
#cart_block #cart_block_list .remove_link a:hover, #cart_block #cart_block_list .ajax_cart_block_remove_link:hover {
color: #515151;
}
#cart_block .cart-images {
float: left;
margin-right: 20px;
}
#cart_block .cart-info {
overflow: hidden;
position: relative;
padding-right: 20px;
}
#cart_block .cart-info .product-name {
padding-bottom: 15px;
margin-top: -4px;
}
#cart_block .cart-info .product-name a {
font-size: 13px;
line-height: 18px;
display: inline-block;
}
#cart_block .cart-info .quantity-formated {
display: inline-block;
color: #9c9b9b;
text-transform: uppercase;
}
#cart_block dt {
font-weight: normal;
overflow: hidden;
padding: 20px 10px 16px 20px;
position: relative;
}
#cart_block dd {
position: relative;
}
#cart_block dd li {
padding: 10px 20px;
}
#cart_block dd li .deleteCustomizableProduct {
top: 12px !important;
right: 15px !important;
}
#cart_block #cart_block_no_products {
margin: 0;
padding: 10px 20px;
}
#cart_block #cart-prices {
border-top: 1px solid #d6d4d4;
font-weight: bold;
padding: 10px 20px 22px 20px;
}
#cart_block #cart-prices .cart-prices-line {
overflow: hidden;
border-bottom: 1px solid #515151;
padding: 7px 0;
}
#cart_block #cart-prices .cart-prices-line.last-line {
border: none;
}
#cart_block #cart-buttons {
overflow: hidden;
padding: 20px 20px 10px 20px;
margin: 0;
background: #f6f6f6;
}
#cart_block #cart-buttons a {
float: left;
margin-bottom: 10px;
margin-right: 10px;
}
#cart_block #cart-buttons a#button_order_cart {
margin-right: 0;
background: #43b155;
border-color: #399b49 #369946 #208931 #369946;
}
#cart_block #cart-buttons a#button_order_cart span {
border-color: #73ca77;
}
#cart_block #cart-buttons a#button_order_cart:hover {
background: #359144;
color: white;
}
/*
Syntax error: Undefined mixin 'border-radius'.
on line 260 of /home/groussac/Documents/www/bootstrap/themes/default-bootstrap/sass/modules/blockcart/blockcart.scss, in `border-radius'
from line 260 of /home/groussac/Documents/www/bootstrap/themes/default-bootstrap/sass/modules/blockcart/blockcart.scss
/*******************************************************************
Cart Block(Header) Styles
********************************************************************/
#header #cart_block {
z-index: 10;
display: none;
position: absolute;
right: 0;
top: 95px;
height: auto;
width: 270px;
background: #484848;
color: white;
}
@media (min-width: 480px) and (max-width: 767px) {
#header #cart_block {
top: 69px;
}
}
@media (max-width: 479px) {
#header #cart_block {
top: 44px;
left: 50%;
margin-left: -135px;
}
}
#header #cart_block a {
color: white;
}
#header #cart_block a:hover {
color: #9c9b9b;
}
#header #cart_block #cart_block_list .remove_link a, #header #cart_block #cart_block_list .ajax_cart_block_remove_link {
color: white;
outline: none;
text-decoration: none;
}
#header #cart_block #cart_block_list .remove_link a:hover, #header #cart_block #cart_block_list .ajax_cart_block_remove_link:hover {
color: #9c9b9b;
}
#header #cart_block .price {
color: white;
}
#header #cart_block dt {
background: url(../../../img/cart-shadow.png) repeat-x;
}
#header #cart_block dt.first_item {
background: none;
}
#header #cart_block dd {
background: url(../../../img/cart-shadow.png) repeat-x;
}
#header #cart_block .product-atributes {
padding-bottom: 10px;
font-size: 11px;
}
#header #cart_block .product-atributes a {
color: #9c9b9b;
}
#header #cart_block .product-atributes a:hover {
color: white;
}
#header #cart_block #cart-prices {
border: none;
background: url(../../../img/cart-shadow.png) repeat-x #3d3d3d;
}
#header #cart_block #cart-buttons {
background: url(../../../img/cart-shadow.png) repeat-x #333333;
}
#header .block_content {
margin-bottom: 0;
}
#cart_block #cart_block_summary, #cart_block .title_block span, #header #cart_block h4, #header #cart_block .title_block, #header #cart_block h4 {
display: none;
}
#cart_block #cart_block_shipping_cost,
#cart_block #cart_block_total,
#cart_block #cart_block_wrapping_cost {
float: right;
}
#cart_block table#vouchers {
clear: both;
width: 80%;
margin: 0 auto;
margin-bottom: 10px;
}
#cart_block table#vouchers tr td {
padding: 2px;
}
#cart_block table#vouchers tr td.quantity {
margin-right: 5px;
min-width: 18px;
}
#cart_block table#vouchers tr td.delete {
padding-left: 0;
padding-right: 0;
text-align: right;
width: 15px;
}
/*****************************************************************************
Layer Cart Css
*****************************************************************************/
.layer_cart_overlay {
background-color: #000;
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 98;
opacity: .20;
-moz-opacity: .20;
filter: alpha(opacity=20);
}
* html .layer_cart_overlay {
filter: alpha(opacity=20);
position: absolute;
left: 0;
margin-left: -160px;
}
#layer_cart {
background-color: white;
position: absolute;
display: none;
z-index: 99;
width: 84%;
margin-right: 8%;
margin-left: 8%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
#layer_cart .layer_cart_product {
padding: 30px 30px 30px 30px;
overflow: hidden;
position: static;
}
#layer_cart .layer_cart_product h2 {
font: 400 23px/29px Arial, Helvetica, sans-serif;
color: #46a74e;
margin-bottom: 22px;
padding-right: 100px;
}
@media (max-width: 767px) {
#layer_cart .layer_cart_product h2 {
font-size: 18px;
padding-right: 0;
line-height: normal;
}
}
#layer_cart .layer_cart_product h2 i {
font-size: 30px;
line-height: 30px;
float: left;
padding-right: 8px;
}
@media (max-width: 767px) {
#layer_cart .layer_cart_product h2 i {
font-size: 22px;
line-height: 22px;
}
}
#layer_cart .layer_cart_product .product-image-container {
max-width: 178px;
border: 1px solid #d6d4d4;
padding: 5px;
float: left;
margin-right: 30px;
}
@media (max-width: 480px) {
#layer_cart .layer_cart_product .product-image-container {
float: none;
margin-right: 0;
margin-bottom: 10px;
}
}
#layer_cart .layer_cart_product .layer_cart_product_info {
padding: 38px 0 0 0;
}
#layer_cart .layer_cart_product .layer_cart_product_info #layer_cart_product_title {
display: block;
padding-bottom: 8px;
}
#layer_cart .layer_cart_product .layer_cart_product_info > div {
padding-bottom: 7px;
}
#layer_cart .layer_cart_product .layer_cart_product_info > div strong {
padding-right: 3px;
}
#layer_cart .layer_cart_cart {
background: #fafafa;
border-left: 1px solid #d6d4d4;
padding: 21px 30px 170px 30px;
-webkit-border-radius: 0px 4px 4px 0px;
-moz-border-radius: 0px 4px 4px 0px;
-ms-border-radius: 0px 4px 4px 0px;
-o-border-radius: 0px 4px 4px 0px;
border-radius: 0px 4px 4px 0px;
position: relative;
}
@media (min-width: 1200px) {
#layer_cart .layer_cart_cart {
min-height: 318px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#layer_cart .layer_cart_cart {
min-height: 360px;
}
}
@media (max-width: 991px) {
#layer_cart .layer_cart_cart {
border-left: none;
border-top: 1px solid #d6d4d4;
}
}
#layer_cart .layer_cart_cart h2 {
font: 400 23px/29px Arial, Helvetica, sans-serif;
color: #333333;
border-bottom: 1px solid #d6d4d4;
padding-bottom: 13px;
margin-bottom: 17px;
}
@media (max-width: 767px) {
#layer_cart .layer_cart_cart h2 {
font-size: 18px;
}
}
#layer_cart .layer_cart_cart .layer_cart_row {
padding: 0 0 7px 0;
}
#layer_cart .layer_cart_cart .button-container {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0px 30px 20px 30px;
}
#layer_cart .layer_cart_cart .button-container .btn {
margin-bottom: 10px;
}
#layer_cart .layer_cart_cart .button-container span.exclusive-medium {
margin-right: 5px;
}
#layer_cart .layer_cart_cart .button-container span.exclusive-medium i {
padding-right: 5px;
color: #777777;
}
#layer_cart .cross {
position: absolute;
right: 7px;
top: 8px;
width: 25px;
height: 25px;
cursor: pointer;
color: #333333;
z-index: 2;
}
#layer_cart .cross:before {
content: "";
display: block;
font-family: "FontAwesome";
font-size: 25px;
line-height: 25px;
}
#layer_cart .cross:hover {
color: #515151;
}
#layer_cart .continue {
cursor: pointer;
}
#layer_cart p {
padding: 0px;
}
/************************************************************************
Layer Cart Caroucel
*************************************************************************/
#layer_cart .crossseling .crossseling-content {
border-top: 1px solid #d6d4d4;
padding: 26px 30px 40px 30px;
position: relative;
}
#layer_cart .crossseling h2 {
font: 400 23px/26px Arial, Helvetica, sans-serif;
color: #333333;
margin-bottom: 25px;
}
#layer_cart .crossseling #blockcart_list {
max-width: 773px;
width: 84%;
margin: 0 auto;
overflow: hidden;
}
#layer_cart .crossseling #blockcart_list ul {
display: block;
}
#layer_cart .crossseling #blockcart_list ul li {
float: left;
width: 178px;
margin: 0 0px 0 0;
}
#layer_cart .crossseling #blockcart_list ul li .product-image-container {
border: 1px solid #d6d4d4;
text-align: center;
padding: 5px;
margin-bottom: 15px;
}
#layer_cart .crossseling #blockcart_list ul li .product-image-container img {
width: 100%;
}
#layer_cart .crossseling #blockcart_list ul li .product-name {
padding-bottom: 5px;
}
#layer_cart .crossseling #blockcart_list ul li .product-name a {
font-size: 15px;
line-height: 20px;
}
#layer_cart .crossseling #blockcart_list a.bx-prev, #layer_cart .crossseling #blockcart_list a.bx-next {
display: block;
font-family: "FontAwesome";
font-size: 20px;
line-height: 20px;
width: 20px;
height: 20px;
color: #333333;
text-indent: -5000px;
position: absolute;
top: 45%;
margin-top: -20px;
}
#layer_cart .crossseling #blockcart_list a.bx-prev:after, #layer_cart .crossseling #blockcart_list a.bx-next:after {
display: block;
text-indent: 0;
}
#layer_cart .crossseling #blockcart_list a.bx-prev:hover, #layer_cart .crossseling #blockcart_list a.bx-next:hover {
color: #c0c0c0;
}
#layer_cart .crossseling #blockcart_list a.bx-prev.disabled, #layer_cart .crossseling #blockcart_list a.bx-next.disabled {
display: none;
}
#layer_cart .crossseling #blockcart_list a.bx-prev {
left: 5%;
}
#layer_cart .crossseling #blockcart_list a.bx-prev:after {
content: "";
}
#layer_cart .crossseling #blockcart_list a.bx-next {
right: 5%;
}
#layer_cart .crossseling #blockcart_list a.bx-next:after {
content: "";
}
#layer_cart .crossseling #blockcart_list .bx-controls {
overflow: hidden;
}
Backtrace:
/home/groussac/Documents/www/bootstrap/themes/default-bootstrap/sass/modules/blockcart/blockcart.scss:260:in `border-radius'
/home/groussac/Documents/www/bootstrap/themes/default-bootstrap/sass/modules/blockcart/blockcart.scss:260
/usr/share/koala/rubygems/gems/sass-3.2.9/lib/sass/../sass/tree/visitors/perform.rb:253:in `visit_mixin'
/usr/share/koala/rubygems/gems/sass-3.2.9/lib/sass/../sass/tree/visitors/base.rb:37:in `send'
/usr/share/koala/rubygems/gems/sass-3.2.9/lib/sass/../sass/tree/visitors/base.rb:37:in `visit'
/usr/share/koala/rubygems/gems/sass-3.2.9/lib/sass/../sass/tree/visitors/perform.rb:100:in `visit'
/usr/share/koala/rubygems/gems/sass-3.2.9/lib/sass/../sass/tree/visitors/base.rb:53:in `visit_children'
/usr/share/koala/rubygems/gems/sass-3.2.9/lib/sass/../sass/tree/visitors/base.rb:53:in `map'
/usr/share/koala/rubygems/gems/sass-3.2.9/lib/sass/../sass/tree/visitors/base.rb:53:in `visit_children'
/usr/share/koala/rubygems/gems/sass-3.2.9/lib/sass/../sass/tree/visitors/perform.rb:109:in `visit_children'
/usr/share/koala/rubygems/gems/sass-3.2.9/lib/sass/../sass/tree/visitors/perform.rb:121:in `with_environment'
/usr/share/koala/rubygems/gems/sass-3.2.9/lib/sass/../sass/tree/visitors/perform.rb:108:in `visit_children'
/usr/share/koala/rubygems/gems/sass-3.2.9/lib/sass/../sass/tree/visitors/base.rb:37:in `visit'
/usr/share/koala/rubygems/gems/sass-3.2.9/lib/sass/../sass/tree/visitors/perform.rb:320:in `visit_rule'
/usr/share/koala/rubygems/gems/sass-3.2.9/lib/sass/../sass/tree/visitors/base.rb:37:in `send'
/usr/share/koala/rubygems/gems/sass-3.2.9/lib/sass/../sass/tree/visitors/base.rb:37:in `visit'
/usr/share/koala/rubygems/gems/sass-3.2.9/lib/sass/../sass/tree/visitors/perform.rb:100:in `visit'
/usr/share/koala/rubygems/gems/sass-3.2.9/lib/sass/../sass/tree/visitors/base.rb:53:in `visit_children'
/usr/share/koala/rubygems/gems/sass-3.2.9/lib/sass/../sass/tree/visitors/base.rb:53:in `map'
/usr/share/koala/rubygems/gems/sass-3.2.9/lib/sass/../sass/tree/visitors/base.rb:53:in `visit_children'
/usr/share/koala/rubygems/gems/sass-3.2.9/lib/sass/../sass/tree/visitors/perform.rb:109:in `visit_children'
/usr/share/koala/rubygems/gems/sass-3.2.9/lib/sass/../sass/tree/visitors/perform.rb:121:in `with_environment'
/usr/share/koala/rubygems/gems/sass-3.2.9/lib/sass/../sass/tree/visitors/perform.rb:108:in `visit_children'
/usr/share/koala/rubygems/gems/sass-3.2.9/lib/sass/../sass/tree/visitors/base.rb:37:in `visit'
/usr/share/koala/rubygems/gems/sass-3.2.9/lib/sass/../sass/tree/visitors/perform.rb:128:in `visit_root'
/usr/share/koala/rubygems/gems/sass-3.2.9/lib/sass/../sass/tree/visitors/base.rb:37:in `send'
/usr/share/koala/rubygems/gems/sass-3.2.9/lib/sass/../sass/tree/visitors/base.rb:37:in `visit'
/usr/share/koala/rubygems/gems/sass-3.2.9/lib/sass/../sass/tree/visitors/perform.rb:100:in `visit'
/usr/share/koala/rubygems/gems/sass-3.2.9/lib/sass/../sass/tree/visitors/perform.rb:7:in `send'
/usr/share/koala/rubygems/gems/sass-3.2.9/lib/sass/../sass/tree/visitors/perform.rb:7:in `visit'
/usr/share/koala/rubygems/gems/sass-3.2.9/lib/sass/../sass/tree/root_node.rb:20:in `render'
/usr/share/koala/rubygems/gems/sass-3.2.9/lib/sass/../sass/engine.rb:315:in `_render'
/usr/share/koala/rubygems/gems/sass-3.2.9/lib/sass/../sass/engine.rb:262:in `render'
/usr/share/koala/rubygems/gems/compass-0.12.2/lib/compass/compiler.rb:140:in `compile'
/usr/share/koala/rubygems/gems/compass-0.12.2/lib/compass/compiler.rb:126:in `timed'
/usr/share/koala/rubygems/gems/compass-0.12.2/lib/compass/compiler.rb:139:in `compile'
/usr/share/koala/rubygems/gems/compass-0.12.2/lib/compass/logger.rb:45:in `red'
/usr/share/koala/rubygems/gems/compass-0.12.2/lib/compass/compiler.rb:138:in `compile'
/usr/share/koala/rubygems/gems/compass-0.12.2/lib/compass/compiler.rb:118:in `compile_if_required'
/usr/share/koala/rubygems/gems/compass-0.12.2/lib/compass/compiler.rb:103:in `run'
/usr/share/koala/rubygems/gems/compass-0.12.2/lib/compass/compiler.rb:101:in `each'
/usr/share/koala/rubygems/gems/compass-0.12.2/lib/compass/compiler.rb:101:in `run'
/usr/share/koala/rubygems/gems/compass-0.12.2/lib/compass/compiler.rb:126:in `timed'
/usr/share/koala/rubygems/gems/compass-0.12.2/lib/compass/compiler.rb:100:in `run'
/usr/share/koala/rubygems/gems/compass-0.12.2/lib/compass/commands/update_project.rb:45:in `perform'
/usr/share/koala/rubygems/gems/compass-0.12.2/lib/compass/commands/base.rb:18:in `execute'
/usr/share/koala/rubygems/gems/compass-0.12.2/lib/compass/commands/project_base.rb:19:in `execute'
/usr/share/koala/rubygems/gems/compass-0.12.2/lib/compass/exec/sub_command_ui.rb:43:in `perform!'
/usr/share/koala/rubygems/gems/compass-0.12.2/lib/compass/exec/sub_command_ui.rb:15:in `run!'
/usr/share/koala/rubygems/gems/compass-0.12.2/bin/compass:30
/usr/share/koala/rubygems/gems/compass-0.12.2/bin/compass:44:in `call'
/usr/share/koala/rubygems/gems/compass-0.12.2/bin/compass:44
/usr/share/koala/bin/compass:18:in `load'
/usr/share/koala/bin/compass:18
*/
body:before {
white-space: pre;
font-family: monospace;
content: "Syntax error: Undefined mixin 'border-radius'.\A on line 260 of /home/groussac/Documents/www/bootstrap/themes/default-bootstrap/sass/modules/blockcart/blockcart.scss, in `border-radius'\A from line 260 of /home/groussac/Documents/www/bootstrap/themes/default-bootstrap/sass/modules/blockcart/blockcart.scss"; }
@@ -1,26 +1,19 @@
/* block CONTACT ******************************************************************************* */
@media (max-width: 767px) {
#contact_block {
margin-bottom: 20px;
}
}
margin-bottom: 20px; } }
#contact_block .label {
display: none;
}
display: none; }
#contact_block .block_content {
color: #888888;
padding: 0 20px 20px;
}
padding: 0 20px 20px; }
#contact_block p {
margin-bottom: 4px;
}
margin-bottom: 4px; }
#contact_block p.tel {
font: 400 17px/21px Arial, Helvetica, sans-serif;
color: white;
margin-bottom: 6px;
}
#contact_block p.tel i {
font-size: 25px;
vertical-align: -2px;
padding-right: 10px;
}
margin-bottom: 6px; }
#contact_block p.tel i {
font-size: 25px;
vertical-align: -2px;
padding-right: 10px; }
@@ -21,19 +21,15 @@
max-width: 779px;
position: relative;
z-index: 1;
float: left;
}
@media (max-width: 767px) {
#homepage-slider {
width: 100%;
max-width: 100%;
padding-top: 20px;
}
}
#homepage-slider #homeslider {
margin: 0 auto;
padding: 0;
}
float: left; }
@media (max-width: 767px) {
#homepage-slider {
width: 100%;
max-width: 100%;
padding-top: 20px; } }
#homepage-slider #homeslider {
margin: 0 auto;
padding: 0; }
/*****************************************************************************
BXSlider Styles
@@ -48,179 +44,149 @@
/* DIRECTION CONTROLS (NEXT / PREV) */
/* AUTO CONTROLS (START / STOP) */
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
/* IMAGE CAPTIONS */
}
#homepage-slider .bx-wrapper {
position: relative;
padding: 0;
*zoom: 1;
}
#homepage-slider .bx-wrapper a {
display: block;
}
#homepage-slider .bx-wrapper img {
display: block;
max-width: 100%;
}
#homepage-slider .bx-wrapper .bx-viewport {
width: 100%;
}
#homepage-slider .bx-wrapper .bx-pager,
#homepage-slider .bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
}
#homepage-slider .bx-wrapper .bx-loading {
min-height: 50px;
background: url(images/bx_loader.gif) center center no-repeat white;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}
#homepage-slider .bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #666;
padding-top: 20px;
}
#homepage-slider .bx-wrapper .bx-pager .bx-pager-item,
#homepage-slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
#homepage-slider .bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#homepage-slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
#homepage-slider .bx-wrapper .bx-pager.bx-default-pager a.active {
background: #000;
}
#homepage-slider .bx-wrapper .bx-prev {
right: 60px;
}
#homepage-slider .bx-wrapper .bx-prev:after {
content: "";
}
#homepage-slider .bx-wrapper .bx-next {
right: 10px;
}
#homepage-slider .bx-wrapper .bx-next:after {
content: "";
}
#homepage-slider .bx-wrapper .bx-controls-direction a {
position: absolute;
bottom: 10px;
outline: 0;
width: 52px;
height: 52px;
text-indent: -9999px;
z-index: 9999;
border: 2px solid white;
}
#homepage-slider .bx-wrapper .bx-controls-direction a:before {
height: 48px;
width: 48px;
display: block;
background: white;
content: ".";
opacity: 0.14;
text-indent: -9999px;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
#homepage-slider .bx-wrapper .bx-controls-direction a:after {
display: block;
width: 48px;
height: 48px;
color: white;
text-indent: 0;
text-align: center;
font-size: 21px;
font-family: "FontAwesome";
position: absolute;
top: 0;
left: 0;
z-index: 2;
padding: 16px 0 0 0;
}
#homepage-slider .bx-wrapper .bx-controls-direction a:hover:before {
background: #333333;
opacity: 0.83;
}
#homepage-slider .bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
#homepage-slider .bx-wrapper .bx-controls-auto {
text-align: center;
}
#homepage-slider .bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
#homepage-slider .bx-wrapper .bx-controls-auto .bx-start:hover,
#homepage-slider .bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
#homepage-slider .bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
#homepage-slider .bx-wrapper .bx-controls-auto .bx-stop:hover,
#homepage-slider .bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
}
#homepage-slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
#homepage-slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}
#homepage-slider .bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0);
width: 100%;
}
#homepage-slider .bx-wrapper .bx-caption span {
color: white;
font-family: Arial, Helvetica, sans-serif;
display: block;
font-size: .85em;
padding: 10px;
}
/* IMAGE CAPTIONS */ }
#homepage-slider .bx-wrapper {
position: relative;
padding: 0;
*zoom: 1; }
#homepage-slider .bx-wrapper a {
display: block; }
#homepage-slider .bx-wrapper img {
display: block;
max-width: 100%; }
#homepage-slider .bx-wrapper .bx-viewport {
width: 100%; }
#homepage-slider .bx-wrapper .bx-pager,
#homepage-slider .bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%; }
#homepage-slider .bx-wrapper .bx-loading {
min-height: 50px;
background: url(images/bx_loader.gif) center center no-repeat white;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000; }
#homepage-slider .bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #666;
padding-top: 20px; }
#homepage-slider .bx-wrapper .bx-pager .bx-pager-item,
#homepage-slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline; }
#homepage-slider .bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; }
#homepage-slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
#homepage-slider .bx-wrapper .bx-pager.bx-default-pager a.active {
background: #000; }
#homepage-slider .bx-wrapper .bx-prev {
right: 60px; }
#homepage-slider .bx-wrapper .bx-prev:after {
content: ""; }
#homepage-slider .bx-wrapper .bx-next {
right: 10px; }
#homepage-slider .bx-wrapper .bx-next:after {
content: ""; }
#homepage-slider .bx-wrapper .bx-controls-direction a {
position: absolute;
bottom: 10px;
outline: 0;
width: 52px;
height: 52px;
text-indent: -9999px;
z-index: 9999;
border: 2px solid white; }
#homepage-slider .bx-wrapper .bx-controls-direction a:before {
height: 48px;
width: 48px;
display: block;
background: white;
content: ".";
opacity: 0.14;
text-indent: -9999px;
position: absolute;
left: 0;
top: 0;
z-index: 1; }
#homepage-slider .bx-wrapper .bx-controls-direction a:after {
display: block;
width: 48px;
height: 48px;
color: white;
text-indent: 0;
text-align: center;
font-size: 21px;
font-family: "FontAwesome";
position: absolute;
top: 0;
left: 0;
z-index: 2;
padding: 16px 0 0 0; }
#homepage-slider .bx-wrapper .bx-controls-direction a:hover:before {
background: #333333;
opacity: 0.83; }
#homepage-slider .bx-wrapper .bx-controls-direction a.disabled {
display: none; }
#homepage-slider .bx-wrapper .bx-controls-auto {
text-align: center; }
#homepage-slider .bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -11px no-repeat;
margin: 0 3px; }
#homepage-slider .bx-wrapper .bx-controls-auto .bx-start:hover,
#homepage-slider .bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0; }
#homepage-slider .bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -44px no-repeat;
margin: 0 3px; }
#homepage-slider .bx-wrapper .bx-controls-auto .bx-stop:hover,
#homepage-slider .bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px; }
#homepage-slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%; }
#homepage-slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px; }
#homepage-slider .bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666666 \9;
background: rgba(80, 80, 80, 0.75);
width: 100%; }
#homepage-slider .bx-wrapper .bx-caption span {
color: white;
font-family: Arial, Helvetica, sans-serif;
display: block;
font-size: .85em;
padding: 10px; }
.ie8 #homepage-slider .bx-wrapper .bx-controls-direction a:before {
background: #333333;
}
background: #333333; }