<?php
define('MAGENTO_ROOT', dirname(__FILE__));
$mageFilename = MAGENTO_ROOT . '/app/Mage.php';
require_once $mageFilename;

umask(0);

if ( empty($_GET['store']) ) {
    $_GET['store'] = '';
}
Mage::app( $_GET['store'] );
$config = Mage::getStoreConfig('shoppersettings', $_GET['store']);
$slideshow_config = Mage::getStoreConfig('shopperslideshow', $_GET['store']);
$color_helper = Mage::helper('shoppersettings/color');

//check if category override theme options
if (!empty($_GET['cat'])) {

    $current_category = intval($_GET['cat']);
    $current_scheme = Mage::helper('shoppercategories')->getCategoryScheme($current_category);

    if ($current_scheme) {
        foreach ($config['appearance'] as $config_option => $value) {
            if (!empty($current_scheme[$config_option])) {
                $config['appearance'][$config_option] = $current_scheme[$config_option];
            }
        }
        $config['appearance']['content_bg_img'] = str_replace('queldorei/shopper/', '', $config['appearance']['content_bg_img']);
    }
}

header("Content-type: text/css; charset: UTF-8");
?>
/**~~ Shopper v1.5.4 ~~**/
<?php if ( $config['appearance']['enable_font'] == 1 ) : ?>
/**~~ Theme Font ~~**/
.std h1, .std h2, .std h3, .std h4,
.page-title h1, .page-title h2,
.cart-top-title,
.compare-top-title,
.search-top-container .search-form .search-top-title,
.footer-info h4,
nav .nav-top-title, .nav-container .nav-top-title,
#queldoreiNav>li>a,
#queldoreiNav li.custom-block div.sub-wrapper strong,
#nav>li>a, #mobile-nav>li>a,
#nav li.custom-block ul li strong,
.wide-navigation #nav ul.level0 > li > a,
.homepage-banners a .content strong,
.slider-container h3,
.slider-container .jcarousel-list h3,
.category-description h1,
.category-description strong,
.products-grid h3,
.products-list .product-name a,
.cart .cart-collaterals h2,
#shopping-cart-totals-table strong,
#product-customer-reviews .review-title,
.add-review h3.title,
#customer-reviews dt a,
#customer-reviews .form-add h2,
.top-opc li .number,
.opc .step-title,
.opc h3,
.block .block-title strong,
.cms-index-index .block .block-title strong,
.block-poll .question,
.block-layered-nav dt,
.product-tabs a,
.product-tabs-accordion h2.tab-heading a,
.product-category-title,
.page-head h3,
.product-view h1,
.product-view h2,
.product-view .box-tags h3,
.product-view .product-additional .block .block-title strong,
.box-up-sell2 h3,
.box-up-sell2 .jcarousel-list h3,
.flexslider .slides .content strong,
.data-table td.td-name h2,
.product-slider-container h2,
.block-slider .slides > li strong,
.cms-index-index .block-slider .slides > li strong {font-family:'Open Sans', sans-serif!important; letter-spacing: 0px!important;}
<?php endif; ?>
<?php if ( !empty($config['appearance']['color']) ) : ?>
/**~~ Theme Color ~~**/
button.button span,
button.invert:hover span, button.btn-continue:hover span, .cart-shipping button:hover span, .cart-coupon button:hover span,
.btn-remove, .btn-edit,
.cart-top > a,
.cart-top-container .details-border,
.cart-top-title a span.icon,
.compare-top,
.compare-top-container .details-border,
.compare-top-title a span.icon,
.search-top,
.search-form-border,
.search-top-container .search-form .search-top-title span.icon,
.footer-info ul.twitterList li span.tweet-icon,
.footer-info ul.social li a:hover,
.footer-info .block-control:hover,
.footer-info .block-control-hide:hover,
.products-grid .hover .price-box,
.products-grid .hover .button-container button.button span span em,
.products-list .button-container .btn-add-cart span,
.data-table .btn-remove2,
.data-table .btn-edit2,
.top-opc li.allow:hover .number,
.product-view .add-to-links li:hover span.icon,
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active,
#toTop,
.jcarousel-prev-horizontal:hover,
.jcarousel-next-horizontal:hover,
.product-view .box-up-sell .jcarousel-next-horizontal:hover,
.product-view .box-up-sell .jcarousel-prev-horizontal:hover,
.quick-view,
nav .nav-top-title:hover, .nav-container .nav-top-title:hover,
nav .nav-top-title.active, .nav-container .nav-top-title.active,
nav .nav-top-title div.icon span, .nav-container .nav-top-title div.icon span
{background-color:<?php echo $config['appearance']['color']; ?>}

/***** iPad Smaller than 959px *****/
@media only screen and (max-width: 959px) {
    #queldoreiNav>li>a:hover, #nav>li>a:hover, #mobile-nav>li>a:hover,
    #queldoreiNav>li.over>a, #nav>li.over>a, #mobile-nav>li.over>a,
    #queldoreiNav>li.active>a, #nav>li.active>a, #mobile-nav>li.active>a {background-color:<?php echo $config['appearance']['color']; ?>; color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
}

.footer-info a,
.footer-info .information ul li:before, .footer-info ul.disc li:before,
.price-box .price,
.pager .pages li a:hover,
.pager .pages .current,
.toolbar-dropdown ul li a:hover, .toolbar-dropdown ul li.selected a,
.products-grid .add-to-links li span,
.opc h3, .opc h4,
.block-progress dt:before,
#checkout-step-login .block-checkout-register ul.ul li:before
{color:<?php echo $config['appearance']['color']; ?>}

.cart-top-container .details-border:before{border-color: transparent transparent <?php echo $config['appearance']['color']; ?> transparent;}
.compare-top-container .details-border:before{border-color: transparent transparent <?php echo $config['appearance']['color']; ?> transparent;}
.search-form-border:before{border-color: transparent transparent <?php echo $config['appearance']['color']; ?> transparent;}
#queldoreiNav>li>a:hover>span,
#queldoreiNav>li.over>a>span,
#queldoreiNav>li.active>a>span,
#nav>li>a:hover>span,
#nav>li.over>a>span,
#nav>li.active>a>span,
#mobile-nav>li>a:hover>span,
#mobile-nav>li.over>a>span,
#mobile-nav>li.active>a>span,
.cart .cart-collaterals .cart-block,
.opc .step,
.block,
.cms-index-index .block,
.block-login,
.cart .cart-collaterals .cart-block,
.product-tabs li.active, .product-tabs-container h2.active {border-top-color:<?php echo $config['appearance']['color']; ?>;}

/** links hover color **/
.header-container .links li a:hover,
.block .block-content a:hover, .block .block-content li a:hover, .block .block-content li.item a:hover,
.cms-index-index .block .block-content a:hover, .cms-index-index .block .block-content li a:hover, .cms-index-index .block .block-content li.item a:hover,
.block-layered-nav .block-content dd li a:hover,
.product-view .product-shop .no-rating a:hover, .product-view .product-shop .ratings a:hover,
.product-view .box-up-sell .product-name:hover,
.data-table td a:hover{color:<?php echo $config['appearance']['color']; ?>}
<?php endif; ?>

<?php if ( !empty($config['appearance']['title_color']) ) : ?>
h1, h2, h3,
.std h1, .std h2, .std h3, .std h4,
.page-title h1, .page-title h2,
.page-head-alt h3,
.block .block-title,
.cms-index-index .block .block-title,
.block-login .block-title,
.product-view .product-additional .block .block-title,
.footer-info h4,
#checkout-review-table h3,
.product-category-title,
.page-head h3,
.product-view h1, .product-view h2,
#shopping-cart-totals-table strong,
.product-slider-container h2
{color:<?php echo $config['appearance']['title_color']; ?>}
<?php endif; ?>

<?php if ( !empty($config['appearance']['header_bg']) ) : ?>
.header-container, header.fixed {background-color:<?php echo $config['appearance']['header_bg']; ?>}
<?php endif; ?>

<?php if ( !empty($config['appearance']['menu_text_color']) ) : ?>
#queldoreiNav > li > a, #nav > li > a, #mobile-nav > li > a {color:<?php echo $config['appearance']['menu_text_color']; ?>}
<?php endif; ?>

<?php if ( !empty($config['appearance']['slideshow_bg']) ) : ?>
.slider {background-color:<?php echo $config['appearance']['slideshow_bg']; ?>}
<?php endif; ?>

<?php if ( !empty($config['appearance']['content_bg']) ) : ?>
body, .main-container, .footer-container .product-slider-container {background-color:<?php echo $config['appearance']['content_bg']; ?>}
<?php endif; ?>
<?php if ( !empty($config['appearance']['content_bg_img']) && $config['appearance']['content_bg_img_mode'] == 'tile' ) : ?>
.main-container {background-image:url('<?php echo Mage::getBaseUrl('media') . 'queldorei/shopper/' . $config['appearance']['content_bg_img']; ?>'); background-position:top left; background-repeat:repeat}
<?php endif; ?>
<?php if ( !empty($config['appearance']['content_link']) ) : ?>
.block .block-content a, .block .block-content li a, .block .block-content li.item a,
.cms-index-index .block .block-content a, .cms-index-index .block .block-content li a, .cms-index-index .block .block-content li.item a,
.block-layered-nav .block-content dd li a,
.product-view .product-shop .no-rating a, .product-view .product-shop .ratings a,
.product-view .box-up-sell .product-name,
.data-table td a{color:<?php echo $config['appearance']['content_link']; ?>}
<?php endif; ?>
<?php if ( !empty($config['appearance']['content_link_hover']) ) : ?>
.block .block-content a:hover, .block .block-content li a:hover, .block .block-content li.item a:hover,
.cms-index-index .block .block-content a:hover, .cms-index-index .block .block-content li a:hover, .cms-index-index .block .block-content li.item a:hover,
.block-layered-nav .block-content dd li a:hover,
.product-view .product-shop .no-rating a:hover, .product-view .product-shop .ratings a:hover,
.product-view .box-up-sell .product-name:hover,
.data-table td a:hover {color:<?php echo $config['appearance']['content_link_hover']; ?>}
<?php endif; ?>


<?php if ( !empty($config['appearance']['page_title_bg']) ) : ?>
.page-title-bg {background-color:<?php echo $config['appearance']['page_title_bg']; ?>}
<?php endif; ?>

<?php if ( !empty($config['appearance']['slider_bg']) ) : ?>
.slider-container {background-color:<?php echo $config['appearance']['slider_bg']; ?>}
<?php endif; ?>
<?php if ( !empty($config['appearance']['slider_border']) ) : ?>
.slider-container {border-top-color:<?php echo $config['appearance']['slider_border']; ?>}
<?php endif; ?>

<?php if ( !empty($config['appearance']['toolbar_bg']) ) : ?>
.top-switch-bg {background-color:<?php echo $config['appearance']['toolbar_bg']; ?>}
<?php endif; ?>
<?php if ( !empty($config['appearance']['toolbar_color']) ) : ?>
.header-switch span.current {color:<?php echo $config['appearance']['toolbar_color']; ?>}
.header-container .links li a, .header-switch span {color:rgba(<?php echo $color_helper->hex2RGB($config['appearance']['toolbar_color'], 1); ?>, 0.65)}
<?php endif; ?>
<?php if ( !empty($config['appearance']['toolbar_hover_color']) ) : ?>
.header-container .links li a:hover {color:<?php echo $config['appearance']['toolbar_hover_color'] ?>}
<?php endif; ?>

<?php if ( !empty($config['appearance']['footer_bg']) ) : ?>
.footer-container {background-color:<?php echo $config['appearance']['footer_bg']; ?>}
<?php endif; ?>
<?php if ( !empty($config['appearance']['footer_color']) ) : ?>
.footer-container, footer a, footer ul.links li a {color:<?php echo $config['appearance']['footer_color']; ?>}
<?php endif; ?>
<?php if ( !empty($config['appearance']['footer_hover_color']) ) : ?>
footer a:hover, footer ul.links li a:hover {color:<?php echo $config['appearance']['footer_hover_color'] ?>}
<?php endif; ?>
<?php if ( !empty($config['appearance']['footer_banners_bg']) ) : ?>
.footer-banners {background-color:<?php echo $config['appearance']['footer_banners_bg']; ?>}
<?php endif; ?>
<?php if ( !empty($config['appearance']['footer_info_bg']) ) : ?>
.footer-info {background-color:<?php echo $config['appearance']['footer_info_bg']; ?>}
<?php endif; ?>
<?php if ( !empty($config['appearance']['footer_info_border']) ) : ?>
.footer-info {border-top-color:<?php echo $config['appearance']['footer_info_border']; ?>}
<?php endif; ?>
<?php if ( !empty($config['appearance']['footer_info_title_color']) ) : ?>
.footer-info h4 {color:<?php echo $config['appearance']['footer_info_title_color']; ?>}
<?php endif; ?>
<?php if ( !empty($config['appearance']['footer_info_color']) ) : ?>
.footer-info, .footer-info ul.twitterList li {color:<?php echo $config['appearance']['footer_info_color']; ?>}
.footer-info ul.twitterList li span.time-ago {color:rgba(<?php echo $color_helper->hex2RGB($config['appearance']['footer_info_color'], 1); ?>, 0.85)}
<?php endif; ?>
<?php if ( !empty($config['appearance']['footer_info_link_color']) ) : ?>
.footer-info a {color:<?php echo $config['appearance']['footer_info_link_color']; ?>}
<?php endif; ?>
<?php if ( !empty($config['appearance']['footer_info_link_hover_color']) ) : ?>
.footer-info a:hover {color:<?php echo $config['appearance']['footer_info_link_hover_color']; ?>}
<?php endif; ?>

<?php if ( $config['appearance']['enable_font'] && !empty($config['appearance']['price_font']) ) : ?>
.price-box .price {font-family:"<?php echo $config['appearance']['price_font']; ?>"}
<?php endif; ?>

<?php if ( !empty($config['appearance']['price_color']) ) : ?>
.price-box .price {color:<?php echo $config['appearance']['price_color']; ?>}
.products-grid .hover .price-box {background-color:<?php echo $config['appearance']['price_color']; ?>}
<?php endif; ?>

<?php if ( !empty($config['appearance']['price_circle_color']) ) : ?>
.products-grid .hover .price-box {background-color:<?php echo $config['appearance']['price_circle_color']; ?>}
<?php endif; ?>

<?php if ( !empty($config['appearance']['timeline']) ) : ?>
#slide-timeline {background-color:<?php echo $config['appearance']['timeline']; ?>}
<?php endif; ?>

button.invert span, button.btn-continue span, .cart-shipping button span, .cart-coupon button span {background-color:#393431;}
#queldoreiNav > li > a:hover, #queldoreiNav > li.active > a, #queldoreiNav > li.over > a,
#nav > li > a:hover, #nav > li.active > a, #nav > li.over > a,
#mobile-nav > li > a:hover, #mobile-nav > li.active > a, #mobile-nav > li.over > a {color:#373230}

<?php if ( isset($config['design']['top_compare']) && $config['design']['top_compare'] == 0 ) : ?>
.compare-top-title, .compare-top-container {display:none !important}
<?php endif; ?>

<?php if ( isset($config['design']['hide_compare']) && $config['design']['hide_compare'] == 1 ) : ?>
.compare-top-title, .compare-top-container,
.products-grid .add-to-links a.link-compare,
.products-list .add-to-links li:last-child,
.product-view .add-to-links li.compare {display:none !important}
<?php endif; ?>

<?php if ( $slideshow_config['config']['slider'] == 'revolution' ) : ?>
<?php if ( !empty($slideshow_config['revolutionslider']['startheight']) ) : ?>
.fullwidthbanner-container .fullwidthbanner { max-height:<?php echo $slideshow_config['revolutionslider']['startheight']; ?>px !important;}
<?php endif; ?>
<?php if ( $config['appearance']['enable_font'] == 1 ) : ?>
.fullwidthbanner-container .caption {font-family:"<?php echo $config['appearance']['font']; ?>"}
<?php endif; ?>
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected {background-color:<?php echo $config['appearance']['color']; ?>}
.tp-caption.shopper_white_bg_light, .tp-caption.shopper_white_bg_medium, .tp-caption.shopper_white_bg_bold {color:<?php echo $config['appearance']['color']; ?>}
<?php if ( !empty($config['appearance']['timeline']) ) : ?>
.tp-bannertimer {background-color:<?php echo $config['appearance']['timeline']; ?>}
<?php endif; ?>
<?php endif; ?>

/** Brands slider **/
<?php
$brand_width = Mage::getStoreConfig('shopperbrands/main/image_width', $_GET['store']);
if ( !is_numeric($brand_width) || $brand_width < 0 || $brand_width > 300 ) {
	$brand_width = 96;
}
$dimensions = array(1200, 960, 768, 456, 300);
$brand_size = array();
foreach ( $dimensions as $d ) {
	$margin = '0';
	//check if items fit in dimension
	$m = $d % $brand_width;
	if ( $m > 0 ) {
		$diff = $d - floor($d/$brand_width)*$brand_width;
		$margin = floor($diff / 2);
		if ( $margin * 2 < $diff ) {
			$margin = '0 '.$margin.'px 0 '.($margin + 1).'px';
		} else {
			$margin = '0 '.$margin.'px';
		}
	}
	$brand_size[$d] = $margin;
}
?>
.brands-slider-container ul.brands li{width:<?php echo $brand_width; ?>px;}
.brands-slider-container .jcarousel-clip-horizontal{margin:<?php echo $brand_size[1200]; ?>;}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
.brands-slider-container .jcarousel-clip-horizontal{margin:<?php echo $brand_size[960]; ?>;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.brands-slider-container .jcarousel-clip-horizontal{margin:<?php echo $brand_size[768]; ?>;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.brands-slider-container .jcarousel-clip-horizontal{margin:<?php echo $brand_size[456]; ?>;}
}
@media only screen and (max-width: 479px) {
.brands-slider-container .jcarousel-clip-horizontal{margin:<?php echo $brand_size[300]; ?>;}
}


/**~~ helper classes ~~**/
<?php if ( $config['appearance']['enable_font'] == 1 ) : ?>
	.shopper-font {font-family:"<?php echo $config['appearance']['font']; ?>"}
<?php endif; ?>
<?php if ( !empty($config['appearance']['color']) ) : ?>
	.shopper-color {color:<?php echo $config['appearance']['color']; ?>}
	.shopper-bgcolor {background-color:<?php echo $config['appearance']['color']; ?>}
<?php endif; ?>
<?php if ( !empty($config['appearance']['title_color']) ) : ?>
	.shopper-titlecolor {color:<?php echo $config['appearance']['title_color']; ?>}
<?php endif; ?>
<?php if ( !empty($config['appearance']['menu_text_color']) ) : ?>
	.shopper-menucolor {color:<?php echo $config['appearance']['menu_text_color']; ?>}
<?php endif; ?>
<?php if ( !empty($config['appearance']['content_bg']) ) : ?>
	.shopper-content_bg {background-color:<?php echo $config['appearance']['content_bg']; ?>}
<?php endif; ?>
<?php if ( !empty($config['appearance']['content_link']) ) : ?>
	.shopper-content_link {color:<?php echo $config['appearance']['content_link']; ?>}
<?php endif; ?>
<?php if ( !empty($config['appearance']['content_link_hover']) ) : ?>
	.shopper-content_link_hover {color:<?php echo $config['appearance']['content_link_hover']; ?>}
<?php endif; ?>
<?php if ( !empty($config['appearance']['page_title_bg']) ) : ?>
	.shopper-page_title_bg {background-color:<?php echo $config['appearance']['page_title_bg']; ?>}
<?php endif; ?>