// Media query variables. @mobile: ~"(max-width: 767px)"; @tablet: ~"(min-width: 768px) and (max-width: 979px)"; @normal: ~"(min-width: 980px) and (max-width: 1199px)"; @wide: ~"(min-width: 1200px)"; // Bootstrap library. @import 'bootstrap.less'; @import 'responsive.less'; // Base-theme overrides. @import 'overrides.less'; // Theme specific. @import 'header.less'; @import 'content.less'; @import 'footer.less'; /* LESS FUNCTIONS */ .border-radius (@x: 0) { border-radius: opacity 1s ease-out 0s; -moz-border-radius: @arguments @arguments @arguments @arguments; -webkit-border-radius: @arguments @arguments @arguments @arguments; -o-border-radius: @arguments @arguments @arguments @arguments; } .clear{ clear: both; } .right{ float: right; } .the-icons li{ display: inline-block; width: 250px; } a, img{ -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } input[type="radio"], input[type="checkbox"] { line-height: normal; margin-right: 4px !important; margin-top:-3px !important; } /* General Bootstrap Customization */ h1, h2, h3, h4, h5, h6{ font-weight: normal; } a{ color: #222222; cursor: pointer; } body{ font-size: 12px; line-height: 1.45em; } .navbar .btn-navbar { margin-top: 20px; } .dropdown-menu > li > a { padding: 8px 20px; } @media @normal, @wide{ body{ padding-top: 0; } body.toolbar-drawer { padding-top: 65px !important; } body.toolbar { padding-top: 0; } .navbar{ margin-bottom: 0; } .navbar-inner{ height: 75px; .container{ height: 75px; .nav > li > a { padding: 28px 15px; } } .nav { float: right !important; } } } /* InterContent Block */ #block-block-5{ .btn{ margin-top: 23px; } h3{ color: #999999; font-size: 23px; margin-top: 0; } h2{ font-size: 35px; margin-bottom: 0; } } /* Featured Brands */ .view-instock-featured-brands{ .views-row{ text-align: center; -moz-transition: opacity 0.8s ease-out; -o-transition: opacity 0.8s ease-out; -webkit-transition: opacity 0.8s ease-out; transition: opacity 0.8s ease-out; } .fade{ opacity: 0.3; } } /* CuteSlider Wide SetUp */ .front h1, .page-node-6 h1, .page-node-7 h1, .front .breadcrumb, .page-node-6 .breadcrumb, .page-node-7 .breadcrumb{ display: none; } .md-slide-wrap{ margin-bottom: 0; } .text-black-shadow{ opacity:0.85 !important; -webkit-opacity:0.85 !important; } /* General Styles */ .front .main-content .block, .page-node-6 .main-content .block, .page-node-7 .main-content .block{ border-top: solid 1px @grayLighter; padding-top: 28px; } /* Main Region */ .main-container{ padding-bottom: 4px; margin-top: 140px; } /* Inter Content Region */ .inter-content-container{ margin: 0; padding: 32px 0; } /* Post Content Region */ .post-content-container{ padding-top: 25px; } #block-views-product-listing-block-1{ border-top: none; } body.front .post-content-container .block, .page-node-7 .post-content-container .block, .page-node-6 .post-content-container .block{ border-top: 1px solid #EEEEEE; padding-top: 28px; } /* Sidebar Second Region */ @media @wide{ .entry-container{ border-right: solid 1px @grayBorder; margin-right: -11px; padding-right: 10px; } } @media @wide{ .entry-side{ border-left: 1px solid @grayBorder; margin-left: 10px; margin-right: -10px; padding-left: 22px; } } @media @normal{ .entry-container{ border-right: solid 1px @grayBorder; margin-right: -11px; padding-right: 10px; } } @media @normal{ .entry-side{ border-left: 1px solid @grayBorder; margin-left: 10px; margin-right: -18px; padding-left: 9px; } } @media @tablet{ .entry-container{ border-right: solid 1px @grayBorder; margin-right: -11px; padding-right: 10px; } } @media @tablet{ .entry-side{ border-left: 1px solid @grayBorder; margin-left: 10px; margin-right: -18px; padding-left: 9px; } } .region-sidebar-second{ color: @grayMid; } /* Article Content Type */ .node-type-article{ h1{ margin-bottom: 10px; } .field-name-field-image{ margin-top: 10px; img{ } } .field-name-body{ margin-top: 23px; } } .entry-container .node-article .user-picture{ display: none; } @media @normal{ .node-type-article{ .field-name-field-image img{ max-width: 692px; } } } @media @tablet{ .node-type-article{ .field-name-field-image img{ max-width: 530px; } } } #comments { border-top: 4px solid #CCCCCC; margin-top: 37px; .indented{ margin-left: 100px; } .comment.comment-by-node-author{ background: @grayLighter; } .comment{ margin-bottom: 10px; header span{ color: @gray; } h3{ margin-top: -8px; } padding: 10px; .user-picture{ display: block; float: left; margin-right: 10px; } img{ max-width: 60px; } .field-name-comment-body, .links { padding-left: 70px; } } } /* Footer */ .footer { color: @grayLight; line-height: 18px; padding-bottom: 0; margin-top: 0; border-top: none; img { background: none repeat scroll 0 0 @midGray; border: 1px solid @gray; padding: 3px; } .region-footer{ .block{ padding-bottom: 35px; } } a{ color: @grayBorder; &:hover{ color: @white; } } } /* Footer Header */ .footer-head-container { margin-top: 55px; color: @white; padding: 10px 0 20px; a{ color: @white; } } /* Closure Region */ .closure-container{ padding: 20px 0 10px; } /* Social Media Profiles */ #block-widgets-s-addthis-share{ border-left: 1px dashed #EEEEEE; float: right; height: 117px; margin-bottom: -52px; padding-left: 12px; width: 125px; a { display: inline-block; margin-top: -3px; opacity: 0.5; padding-top: 3px; &:hover{ opacity: 1; } } div.widgets-element-horizontal { float: left; margin-bottom: 7px; } } #block-widgets-s-socialmedia-profile-buttons{ float: right; text-align: right; img { background: none repeat scroll 0 0 transparent; border: none; padding: 0; } a { display: inline-block; height: 22px; margin-top: -3px; opacity: 0.5; padding-top: 3px; text-align: center; width: 25px; &:hover{ opacity: 1; } } div.widgets-element-horizontal { float: right; } } /* Sidebar Fixes */ body.one-sidebar.not-front { .main-content section section.row, .main-content aside section.row{ margin-left: 0; } } body.not-front .navbar { margin-bottom: 20px; } body.page-node-36 .navbar, body.page-node-7 .navbar { margin-bottom: 0; } .breadcrumb { background-color: transparent; border-radius: 0 0 0 0; list-style: none outside none; margin: 0; padding: 0; } #block-locationmap-image{ margin-bottom: 20px; } @media @mobile{ body{ padding: 0; } .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top { margin-left: 0px; margin-right: 0px; } .navbar { margin: 0 0 0 -20px; padding: 0 0 0 20px; } .container{ padding: 0 20px; } } .views-field-edit-node a, .views-field-edit-term a, .views-field-edit-product a { background: url("../images/edit.png") no-repeat scroll 0 2px transparent; color: white; font-size: 0.8em; height: 21px; margin-left: -5px; margin-top: 0px; padding: 2px 1px 1px 10px; position: absolute; width: 37px; z-index: 10; } .views-field-edit-node a:hover, .views-field-edit-term a:hover , .views-field-edit-product a:hover{ background: url("../images/edit-hover.png") no-repeat scroll 0 2px transparent; color: #FF0000; } article.node footer{ clear: both; .widgets-element-horizontal{ margin-right: 10px; } } /* Header Top Menu */ .head-top-container{ padding: 3px 0; color: #FFFFFF; font-size: 10px; #block-menu-menu-top-menu { ul.nav{ margin-bottom: 0; } li{ border-right: 1px solid #FFFFFF; display: inline-block; margin-right: 10px; padding-right: 10px; } .last{ border-right: none; margin-right: 0; padding-right: 0; } } a{ color: #FFFFFF; &:hover, &:focus{ background-color: transparent !important; text-decoration: underline; } } } /* User Login and Account */ .login-block{ border-left: 1px solid; float: right; margin-left: 10px; padding-left: 7px; padding-top: 2px; #block-user-login{ a{ color: #333333; } .control-group { float: left; margin-bottom: 10px; margin-right: 15px; } .form-text{ width: 100px; } color: #333333; } } #block-menu-menu-top-menu{ float: left; } #block-system-user-menu{ float: right; li{ display: inline-block; } } /* Price Range Styles */ #block-facetapi-4pb1p7yojv1tcfgewuye6cd1lzcvqi9t{ margin-bottom: 10px; } .search-api-ranges-widget{ margin-top: 36px; .text-range, .control-label{ display: none; } .range-slider-box{ margin-top: -68px; } .range-box-left{ margin-top: 0px; } .range-box-right{ float: right; margin-top: 0; text-align: right; } .form-submit{ display: none; } .form-text{ border: none; box-shadow: none; } #edit-range-to{ text-align: right; } } /* Product Page */ .node-type-product-page .main-container { margin-top: 110px; padding-bottom: 4px; .block h2{ border-bottom: 1px solid #EEEEEE; margin-bottom: 30px; margin-top: 20px; padding-bottom: 8px; } } .node-type-product-page .main-content .node-product-page { .commerce-product-field-commerce-price{ font-size: 20px; } .btn-info.form-submit{ float: left; font-size: 17px; margin-top: 12px; padding: 10px; } .wishlist.btn{ float: none; font-size: 11px; padding: 1px 5px; } .form-type-select.form-item-product-id{ margin-bottom: -5px; } .form-item-quantity{ float: right; margin-right: 242px; .control-label{ font-size: 11px; margin-bottom: 1px; margin-top: 6px; } } .field-name-field-old-price{ color: #CC0000; margin-right: 5px; text-decoration: line-through; } .taxonomy-term{ h2{ display: none; } .field-name-field-image{ float: left; margin-right: 22px; margin-bottom: 32px; } } .commerce-product-field-field-image{ float: left; margin-right: 10px; } .field-slideshow-wrapper{ &:hover .field-slideshow-controls{ opacity: 1; } .field-slideshow{ border: solid 1px #CCCCCC; padding: 3px; } .field-slideshow-controls{ opacity: 0; } .prev{ background: url("../images/md-arrow.png") no-repeat scroll 0 0 transparent; cursor: pointer; height: 40px; margin-top: -160px; position: absolute; width: 40px; z-index: 30; font-size: 0; } .next{ background: url("../images/md-arrow.png") no-repeat scroll -40px 0 transparent; cursor: pointer; font-size: 0; height: 40px; margin-left: 385px; margin-top: -160px; position: absolute; width: 40px; z-index: 30; } } .field-slideshow-pager{ padding: 0; margin: 9px 0px 0 0 ; li{ border: 1px solid #CCCCCC; display: block; float: left; margin-right: 8px; } li.first{ margin-right: 9px; } } .field-name-field-description-and-overview, .field-name-field-brand{ padding-top: 9px; clear: both; .field-label{ border-bottom: 1px solid #EEEEEE; font-size: 31.5px; font-weight: normal; margin-bottom: 22px; margin-top: 20px; padding-bottom: 16px; } } .field-name-field-product.field-type-commerce-product-reference.field-label-above .field-label{ display: none; } .commerce-add-to-cart{ padding: 10px 0 0 0; } .commerce-product-field-field-description-and-overview{ .field-name-field-description-and-overview{ clear: none; float: left; width: 426px; } } .field-slideshow-thumbnail{ padding: 2px; max-width: 94px; } } /* Shop Styles*/ .view-id-productos, .view-related-items{ .field-name-field-image{ max-height: 162px; text-align: center; } /* Shop Styles */ .commerce-add-to-cart{ padding-right: 20px; button{ background-image: url("../images/glyphicons-halflings.png"); background-position: 0 -36px; background-repeat: no-repeat; border-radius: 3px 3px 3px 3px; float: right; font-size: 10.5px; margin-bottom: 27px; margin-right: 10px; padding: 0 6px 0 23px; } button.wishlist{ background-position: 0 -1px; } .form-button-disabled{ margin-top: 0; } } .views-field { padding: 0 20px 0 0; } .views-field-field-top-right-feature{ background: none repeat scroll 0 0 #333333; border-radius: 500px 500px 500px 500px; color: #FFFFFF; float: right; font-size: 10px; height: 53px; line-height: 13px; margin-left: 1px; padding: 10px; position: absolute; text-align: center; width: 53px; z-index: 2; h5{ margin:6px 0 2px 0; } } .old-price{ color: #CC0000; margin-right: 5px; text-decoration: line-through; } .field-name-field-rating{ text-align: center; .fivestar-average-stars{ margin-left: 85px; } } .views-field-commerce-price{ margin-bottom: 5px; margin-top: -6px; .views-label-commerce-price{ color: #999999; font-size: 10px; } } .views-row { margin-right: -2px; margin-bottom: 40px; border-right: dashed 1px #DDDDDD; min-height: 395px; &:hover .views-field-nothing{ display: block; opacity: 0.88; } } .views-row-last { border-right: none; } .views-field-nothing{ background: none repeat scroll 0 0 #FFFFFF; opacity: 0; padding-top: 50px; position: absolute; text-align: center; width: 250px; display: block; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; .field-content{ margin-left: 0; padding-right: 0; } } .views-field-field-rating.views-field .field-content .clearfix{ background: none repeat scroll 0 0 #FFFFFF; font-size: 0; height: 15px; margin-top: -15px; width: 100%; position: absolute; } } .region-sidebar-second { .view-id-productos, .view-related-items{ .views-field-nothing{ padding-bottom: 15px !important; padding-top: 50px !important; width: 272px; } } } .form-submit.form-button-disabled { margin-top: 27px; } .pagination-centered { clear: both; text-align: center; } .view-display-id-page{ .views-row-1, .views-row-4, .views-row-7, .views-row-10, .views-row-13, .views-row-16{ clear: both; } .views-row-3, .views-row-6, .views-row-9, .views-row-12, .views-row-15, .views-row-18{ border-right: none; } } #block-system-user-menu { ul{ margin-bottom: 0; } color: #333333; } #block-commerce-cart-cart{ color: #333333; a{ color: #333333; } } #block-views-productos-block-1{ border-top: none; padding-top: 10px; } .view-id-productos.view-display-id-block_1, .view-id-productos.view-display-id-block_2 { .views-row{ border-right: dashed 1px #DDDDDD; } .views-row-1, .views-row-5, .views-row-9, .views-row-13, .views-row-17, .views-row-21{ clear: both; } .views-row-4, .views-row-8, .views-row-12, .views-row-16, .views-row-20, .views-row-24{ border-right: none; } } /* Shopping Cart */ #block-views-aeb98f9c9c6f8d46ea123421ff5a590c { border-right: 1px solid; float: right; margin-right: 12px; margin-top: 1px; padding-right: 10px; width: 170px; font-size: 12px; .line-item-quantity-raw{ background: none repeat scroll 0 0 #FF0000; border-radius: 0 0 50px 50px; box-shadow: 0 0 7px #000000; font-size: 13px; padding: 5px 17px; } .line-item-summary { margin-bottom: 0; } } #block-commerce-cart-cart{ float: right; .my-account{ color: #ffffff !important; } } #block-commerce-cart-cart{ .cart-empty-block{ height: 22px; text-align: center; } background: none repeat scroll 0 0 transparent; box-shadow: none; color: #FFFFFF; margin-left: 892px; margin-top: -3px; position: absolute; z-index: 15; width: 218px; padding: 4px 14px 0; font-size: 11px; height: 22px; -moz-transition: height 0.3s ease-out, background 0.3s ease-out, color 0.3s ease-out; -o-transition: height 0.3s ease-out, background 0.3s ease-out, color 0.3s ease-out; -webkit-transition: height 0.3s ease-out, background 0.3s ease-out, color 0.3s ease-out; transition: height 0.3s ease-out, background 0.3s ease-out, color 0.3s ease-out; .view-header{ .line-item-quantity{ float: right; margin-left: 18px; } h4{ display: none; } } .line-item-summary{ .line-item-total{ } .links{ display: none; } } .view-content, .view-footer{ display: none; } &:hover{ background: none repeat scroll 0 0 #FFFFFF; box-shadow: 0 0 9px #333333; width: 218px; color: #333333; padding: 4px 14px 0; height: auto; position: absolute; h4{ display: block; } .line-item-summary{ .line-item-total{ } .links{ display: block; } } .view-content, .view-footer{ display: block; } .view-footer{ .links{ border-top: solid 1px #CCCCCC; padding-top: 13px; } } } } .line-item-summary-checkout a{ -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #F5F5F5; background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6); background-repeat: repeat-x; border-color: #CCCCCC #CCCCCC #B3B3B3; border-image: none; border-radius: 4px 4px 4px 4px; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); color: #333333; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; margin-bottom: 0; padding: 4px 12px; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; background-image: url("/stock/sites/all/themes/stock/images/glyphicons-cart.png"); background-position: 0 -1px; background-repeat: no-repeat; border-radius: 3px 3px 3px 3px; float: right; font-size: 10.5px; margin-bottom: 0px; margin-right: 0px; padding: 0 6px 0 23px; } .line-item-summary-view-cart a{ -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #F5F5F5; background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6); background-repeat: repeat-x; border-color: #CCCCCC #CCCCCC #B3B3B3; border-image: none; border-radius: 4px 4px 4px 4px; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); color: #333333; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; margin-bottom: 0; padding: 4px 12px; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; background-image: url("/stock/sites/all/themes/stock/images/glyphicons-cart.png"); background-position: 0 -36px; background-repeat: no-repeat; border-radius: 3px 3px 3px 3px; float: right; font-size: 10.5px; margin-bottom: 0px; margin-right: 0px; padding: 0 6px 0 23px; } #block-system-user-menu { a{ border-left: 1px solid; margin-left: 13px; padding-left: 10px; } } /* Footer Contact Block */ #block-block-6 { margin-top: 10px; padding-top: 20px; .btn{ margin-top: -6px; } div, h3 , h4{ float: left; margin-top: -5px; } .phone-label{ font-size: 20px; margin-right: 10px; } .phone{ float: left; display: inline-block; font-size: 21px; margin-right: 22px; padding-top: 6px; } .address{ float: left; font-size: 20px; padding-top: 5px; } } /* Services */ .view-instock-services{ .views-field{ padding-left: 70px; } h3{ margin-top: 0; } .views-field-field-image{ float: left; margin-left: -70px; } .views-field-body{ color: #999999; } } /* Special Announces Blocks */ .span12 .view-instock-offers-blocks{ .views-row{ border-right: 1px dashed #DDDDDD; margin-bottom: 28px; margin-right: -2px; } .views-field-field-image{ float: right; margin-right: 16px; } h3{ margin-top: 0; } .views-row-last{ border: none; .views-field-field-image{ margin-right: 0; } } } /* Sidebar Blocks */ .entry-side { .block { margin-bottom: 20px; .block-title{ border-bottom: 1px solid #EEEEEE !important; margin-bottom: 21px; padding: 0 0 5px; margin-top: 0 !important; } } .facetapi-facetapi-links, .facetapi-search-api-ranges-ui-links{ margin-left: 0; li{ display: inline-block; a{ background: none repeat scroll 0 0 #EEEEEE; display: block; margin-bottom: 10px; margin-right: 5px; padding: 3px 7px; &:hover{ background: none repeat scroll 0 0 #333333; color: #EEEEEE; } } a.facetapi-active{ background: none repeat scroll 0 0 #333333; color: #EEEEEE; } } } } /* Sidebar Special Announces Blocks */ .region-sidebar-second .view-instock-offers-blocks{ .views-row{ border-bottom: 1px dashed #DDDDDD; margin-bottom: 28px; margin-right: -2px; } .views-field-field-image{ float: left; margin-right: 10px; margin-bottom: 10px; } h3{ margin-top: 0; } .views-row-last{ border: none; .views-field-field-image{ margin-right: 10px; } } .views-field-title{ h4{ padding-top: 6px; } } .views-field-body{ clear: both; margin-bottom: 15px; } } /* Footer Header Top */ .footer-head-container{ padding: 0; h2{ margin-bottom: 15px; } } .view-footer-top-product-block{ .views-row{ border-bottom: 1px dashed; clear: both; margin-bottom: 28px; padding-bottom: 10px; .views-field-title h3{ margin-bottom: 0px; } .views-field-field-image{ float: left; margin-right: 10px; img{ padding: 3px; border: solid 1px #ffffff; } } } .views-row-last{ border-bottom: medium none; margin-bottom: 0; } .more-link{ text-align: right; } } .region-sidebar-second{ .view-id-productos{ .views-row{ border-right: none !important; .views-field { padding: 0 0 0 0; } .views-field-field-top-right-feature{ padding: 10px; } } } } /* Product Categories Footer */ .view-product-categories{ .views-field-name{ float: left; margin-bottom: 10px; margin-right: 15px; a{ border: solid 1px @gray; display: block; padding: 3px; } } } .isotope .isotope-item{ -webkit-transition-property: top, left, opacity; -moz-transition-property: top, left, opacity; -ms-transition-property: top, left, opacity; -o-transition-property: top, left, opacity; transition-property: top, left, opacity; } /* Payment Methods */ .view-payments-accepted{ .views-field-field-image{ float: left; img{ background: none; padding: 0; border: none; margin: 0 7px 7px 0; &:hover, &:focus{ border: none; } } ΒΈ } } /* Footer Latest News */ .view-instock-latest-news { .views-row{ border-bottom: 1px solid @gray; margin-bottom: 15px; padding-bottom: 10px; .views-field-field-image { float: left; margin-right: 11px; } .views-field-created{ font-size: 11px; border: color @gray; } .views-field-title{ } } .views-row-last{ border-bottom: none; } } /* Blog Page*/ .view-id-instock_blog{ .views-row{ background: url("../images/item-footer.png") no-repeat scroll center 308px transparent; padding-bottom: 40px; margin-bottom: 30px; border-bottom: dashed 1px @grayBorder; img{ border: solid 1px @grayBorder; padding: 3px; } .views-field-nothing{ color: @grayLight; margin-bottom: 10px; margin-top: -5px; } } .views-row-last{ padding-bottom: 20px; margin-bottom: 0; border-bottom: none; } } @media @wide{ .view-id-instock_blog { img{ max-width: 862px; } .views-row{ background-position: center 305px !important; } } } @media @normal{ .view-id-instock_blog { img{ max-width: 692px; } .views-row{ background-position: center 246px !important; } } } @media @tablet{ .view-id-instock_blog { img{ max-width: 530px; } .views-row{ background-position: center 190px !important; } } } /* Welcome Block */ #block-block-4{ text-align: center; padding: 30px; } .logged-in #block-commerce-cart-cart { margin-left: 802px; } .login-block #block-user-login { ul{ padding: 0; margin: 0; } li{ float: left; list-style: none outside none; margin-right: 31px; padding-left: 0; } .form-text { width: 250px; } button.btn, input.btn[type="submit"] { float: right; margin-right: 15px; margin-top: -10px; } } .responsive-nav{ display: none; } /* Responsive Fixes */ .responsive-nav{ margin-bottom:0 !important; .navbar-inner{ border-radius: 0; min-height: 52px; } color: #ffffff; .btn-navbar { margin-top: 7px; } a{ color: #ffffff; } .links a{ color: #333333; } } .nav-collapse1{ clear: both; padding-top: 10px; } .clear{ clear: both; } #block-multiblock-2 input[type="text"], #block-multiblock-2 input[type="password"] { width: 100%; } @media @normal{ .view-id-productos , .view-related-items { .views-field-nothing{ padding-bottom: 5px; padding-top: 22px; width: 200px; .commerce-add-to-cart button { float: left; margin-left: 41px; margin-bottom: 5px; } form.commerce-add-to-cart{ margin: 0 0 7px; } .form-button-disabled{ margin-top: 0; } } .views-field-field-top-right-feature { margin-left: -7px; margin-top: -21px; } } #block-commerce-cart-cart { margin-left: 592px; } .node-type-product-page .main-content .node-product-page .form-item-quantity { clear: right; margin-right: 170px; } .node-type-product-page .main-content .node-product-page .commerce-product-field-field-description-and-overview .field-name-field-description-and-overview { width: 340px; } .region-sidebar-second .view-id-productos .views-field-nothing, .region-sidebar-second .view-related-items .views-field-nothing { padding-bottom: 15px !important; padding-top: 28px !important; width: 221px; } .node-type-product-page .main-content .node-product-page { .field-slideshow-thumbnail { width: 70px; } .field-slideshow-wrapper{ width: 338px; } .field-slideshow-slide img{ width: 300px; } .field-slideshow-wrapper .field-slideshow { height: 194px !important; width: 324px !important; } } .node-type-product-page .main-content .node-product-page .field-slideshow-wrapper .prev { margin-top: -119px; } .node-type-product-page .main-content .node-product-page .field-slideshow-wrapper .next { margin-left: 289px; margin-top: -119px; } .region-sidebar-second { .view-id-productos .views-field-nothing .commerce-add-to-cart button, .view-related-items .views-field-nothing .commerce-add-to-cart button { float: left; margin-bottom: 5px; margin-left: 51px; } } .logged-in #block-commerce-cart-cart { margin-left: 572px; } #block-commerce-cart-cart { margin-left: 659px; } } @media @tablet{ .responsive-nav{ display: block; } .head-top-container{ display: none; } #block-commerce-cart-cart { display: none; } .view-instock-offers-blocks .views-field-title{ clear: both; } .span12 .view-instock-offers-blocks .views-field-field-image { float: none; margin-right: 0; text-align: center; margin-bottom: 8px; } .view-id-productos, .view-related-items { .views-field-nothing{ padding-bottom: 5px; padding-top: 0; width: 153px; padding-right: 0; .commerce-add-to-cart button { float: left; margin-bottom: 5px; margin-left: 18px; } form.commerce-add-to-cart{ margin: 0 0 7px; } .form-button-disabled{ margin-top: 0; } } .views-field-field-top-right-feature { margin-left: -26px; margin-top: -33px; } } #block-widgets-s-addthis-share { border-left: 1px dashed #EEEEEE; height: 117px; margin-left: 400px; margin-top: 393px; padding-left: 12px; position: absolute; width: 125px; } .commerce-product-field-field-old-price { clear: both; padding-top: 15px; } .node-type-product-page .main-content .node-product-page .form-item-quantity { float: right; margin-right: 343px; } .node-type-product-page .main-content .node-product-page .commerce-product-field-field-description-and-overview .field-name-field-description-and-overview { clear: none; float: left; width: 534px; } .region-sidebar-second { .view-id-productos .views-field-nothing, .view-related-items .views-field-nothing { padding-bottom: 14px !important; padding-top: 1px !important; width: 171px; } .view-id-productos .views-field-nothing .commerce-add-to-cart button, .view-related-items .views-field-nothing .commerce-add-to-cart button { float: left; margin-bottom: 5px; margin-left: 26px; } .view-instock-offers-blocks .views-field-title { clear: none; h4{ padding-top: 0; } } } .view-id-productos .views-field-nothing, .view-related-items .views-field-nothing { display: none !important; } } @media @mobile{ .responsive-nav{ display: block; } .head-top-container{ display: none; } #block-commerce-cart-cart { display: none; } .span12 .view-instock-offers-blocks .views-row { border-bottom: 1px dashed #DDDDDD; clear: both; margin-bottom: 6px; margin-right: 0; min-height: 120px; padding-top: 12px; border-right: none; .views-field-body{ padding-bottom: 10px; } } .span12 .view-instock-offers-blocks .views-row-last { border-bottom: none; } .view-id-productos .views-row, .view-related-items .views-row { text-align: center; border-right: none !important; border-bottom: 1px dashed #DDDDDD; margin-bottom: 22px; margin-right: -2px; padding-bottom: 22px; } .view-id-productos .views-row-last, .view-related-items .views-row-last { border-bottom: none !important; } .view-id-productos .views-field-nothing, .view-related-items .views-field-nothing { display: none !important; } .view-id-productos .views-field, .view-related-items .views-field { padding-right: 0 !important; } .view-id-productos .views-field-field-top-right-feature, .view-related-items .views-field-field-top-right-feature{ padding-right: 10px !important; } #block-block-5 h2 { clear: both; font-size: 35px; padding-top: 22px; text-align: center; } #block-block-5 { text-align: center; } #block-block-5 h3 { text-align: center; } #block-block-5 .btn { float: none; margin-top: 23px; } .node-type-product-page .main-content .node-product-page .commerce-product-field-field-description-and-overview .field-name-field-description-and-overview { width: 100%; } .node-type-product-page .main-content .node-product-page .field-name-field-description-and-overview .field-label, .node-type-product-page .main-content .node-product-page .field-name-field-brand .field-label { line-height: 31px; } .field-slideshow-image{ width: 100px; } .node-type-product-page .main-content .node-product-page .commerce-product-field-field-image { float: none; margin-left: auto; margin-right: auto; text-align: center; } .node-type-product-page .main-content .node-product-page .field-slideshow-wrapper .field-slideshow { display: none !important; } .node-type-product-page .main-content .node-product-page .field-slideshow-pager li { border: 1px solid #CCCCCC; box-shadow: 0 0 6px #CCCCCC; display: block; margin-bottom: 8px; margin-right: 9px; width: 46%; } #block-widgets-s-addthis-share { border-left: medium none; float: none; height: 29px; margin-bottom: 22px; padding-left: 0; width: 100%; } .node-type-product-page .main-content .node-product-page .field-slideshow-pager { clear: both; margin-left: auto; margin-right: auto; max-width: 100% !important; } .field-slideshow-controls{ display: none; } .node-type-product-page .main-content .node-product-page .field-slideshow-thumbnail { max-width: 90%; } .node-type-product-page .main-content .node-product-page .field-slideshow-pager { clear: both; margin-left: 0; margin-right: -10px; max-width: 104% !important; } .form-item-quantity{ display: none; } .field-type-commerce-product-reference { float: right; margin-bottom: 14px; margin-top: -41px; text-align: right; } .commerce-product-field-field-description-and-overview{ border-top: 1px dashed #EEEEEE; clear: both; } #block-menu-menu-top-menu{ display: none; } }