/*** colors.css v2.0.0 http://clrs.cc @mrmrs MIT License ***/ /* SKINS - Backgrounds - Colors - Border colors - SVG fills - SVG strokes */ /* Backgrounds */ .bg-navy { background-color: #001f3f; } .bg-blue { background-color: #0074d9; } .bg-aqua { background-color: #7fdbff; } .bg-teal { background-color: #39cccc; } .bg-olive { background-color: #3d9970; } .bg-green { background-color: #2ecc40; } .bg-lime { background-color: #01ff70; } .bg-yellow { background-color: #ffdc00; } .bg-orange { background-color: #ff851b; } .bg-red { background-color: #ff4136; } .bg-fuchsia { background-color: #f012be; } .bg-purple { background-color: #b10dc9; } .bg-maroon { background-color: #85144b; } .bg-white { background-color: #ffffff; } .bg-gray { background-color: #aaaaaa; } .bg-silver { background-color: #dddddd; } .bg-black { background-color: #111111; } /* Colors */ .navy { color: #001f3f; } .blue { color: #0074d9; } .aqua { color: #7fdbff; } .teal { color: #39cccc; } .olive { color: #3d9970; } .green { color: #2ecc40; } .lime { color: #01ff70; } .yellow { color: #ffdc00; } .orange { color: #ff851b; } .red { color: #ff4136; } .fuchsia { color: #f012be; } .purple { color: #b10dc9; } .maroon { color: #85144b; } .white { color: #ffffff; } .silver { color: #dddddd; } .gray { color: #aaaaaa; } .black { color: #111111; } /* Border colors Use with another border utility that sets border-width and style i.e .border { border-width: 1px; border-style: solid; } */ .border--navy { border-color: #001f3f; } .border--blue { border-color: #0074d9; } .border--aqua { border-color: #7fdbff; } .border--teal { border-color: #39cccc; } .border--olive { border-color: #3d9970; } .border--green { border-color: #2ecc40; } .border--lime { border-color: #01ff70; } .border--yellow { border-color: #ffdc00; } .border--orange { border-color: #ff851b; } .border--red { border-color: #ff4136; } .border--fuchsia { border-color: #f012be; } .border--purple { border-color: #b10dc9; } .border--maroon { border-color: #85144b; } .border--white { border-color: #ffffff; } .border--gray { border-color: #aaaaaa; } .border--silver { border-color: #dddddd; } .border--black { border-color: #111111; } /* Fills for SVG */ .fill-navy { fill: #001f3f; } .fill-blue { fill: #0074d9; } .fill-aqua { fill: #7fdbff; } .fill-teal { fill: #39cccc; } .fill-olive { fill: #3d9970; } .fill-green { fill: #2ecc40; } .fill-lime { fill: #01ff70; } .fill-yellow { fill: #ffdc00; } .fill-orange { fill: #ff851b; } .fill-red { fill: #ff4136; } .fill-fuchsia { fill: #f012be; } .fill-purple { fill: #b10dc9; } .fill-maroon { fill: #85144b; } .fill-white { fill: #ffffff; } .fill-gray { fill: #aaaaaa; } .fill-silver { fill: #dddddd; } .fill-black { fill: #111111; } /* Strokes for SVG */ .stroke-navy { stroke: #001f3f; } .stroke-blue { stroke: #0074d9; } .stroke-aqua { stroke: #7fdbff; } .stroke-teal { stroke: #39cccc; } .stroke-olive { stroke: #3d9970; } .stroke-green { stroke: #2ecc40; } .stroke-lime { stroke: #01ff70; } .stroke-yellow { stroke: #ffdc00; } .stroke-orange { stroke: #ff851b; } .stroke-red { stroke: #ff4136; } .stroke-fuchsia { stroke: #f012be; } .stroke-purple { stroke: #b10dc9; } .stroke-maroon { stroke: #85144b; } .stroke-white { stroke: #ffffff; } .stroke-gray { stroke: #aaaaaa; } .stroke-silver { stroke: #dddddd; } .stroke-black { stroke: #111111; } /*! * Yamm!3 * Yet another megamenu for Bootstrap 3 * * http://geedmo.github.com/yamm3 */ .yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown { position: static; } .yamm .container { position: relative; } .yamm .dropdown-menu { left: auto; } .yamm .nav.navbar-right .dropdown-menu { left: auto; right: 0; } .yamm .yamm-content { padding: 10px 20px; } .yamm .dropdown.yamm-fw .dropdown-menu { left: 0; right: 0; } body { font-family: 'Trebuchet MS', 'PT Sans', Helvetica, Arial, sans-serif; } /* Account for fixed navbar */ body, .navbar { min-width: 970px !important; } .lead { font-size: 16px; } .container { width: 970px !important; } span.yellow { color: #fed000; } .header-top { background-color: #434a54; height: 40px; line-height: 40px; } .header-top .container { line-height: 40px; height: 40px; } .header-top .container .top-left-links { float: left; text-align: left; color: #fed000; font-size: 10pt; } .header-top .container .top-left-links a { color: #fed000; } .header-top .container .top-right-links { float: right; text-align: right; color: #ffffff; font-weight: bold; font-size: 10pt; } .header-top .container .top-right-links a { color: #ffffff; } .header-middle { background-color: #fed000; height: 130px; } .header-middle .logo-container { line-height: 130px; float: left; text-align: left; } .header-middle .quick-access-container { float: right; text-align: right; } .header-middle .quick-access-container form { margin-top: 30px; } .header-middle .quick-access-container form input { background-color: #ffda32; border: #cba600 1px solid; width: 245px; height: 30px; padding: 5px; } .header-middle .quick-access-container form button { background: none; border: none; } .header-middle .quick-access-container .small-welcome { font-size: 10pt; margin-top: 10px; } .header-middle .quick-access-container .quick-links { font-size: 10pt; color: #434a54; } .header-middle .quick-access-container .quick-links a { color: #434a54; } /* Template-specific stuff * * Customizations just for the template; these are not necessary for anything * with disabling the responsiveness. */ /* Account for fixed navbar */ body, .navbar-static-top, .navbar-fixed-bottom { min-width: 970px; } /* Don't let the lead text change font-size. */ .lead { font-size: 16px; } /* Finesse the page header spacing */ .page-header { margin-bottom: 30px; } .page-header .lead { margin-bottom: 10px; } /* Non-responsive overrides * * Utilize the following CSS to disable the responsive-ness of the container, * grid system, and navbar. */ /* Reset the container */ .container { width: 970px; max-width: none !important; } /* Demonstrate the grids */ .container .navbar-header, .container .navbar-collapse { margin-right: 0; margin-left: 0; } /* Always float the navbar header */ .navbar-header { float: left; } /* Undo the collapsing navbar */ .navbar-collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; visibility: visible !important; } .navbar-toggle { display: none; } .navbar-collapse { border-top: 0; } .navbar-brand { margin-left: -15px; } /* Always apply the floated nav */ .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding: 15px; } /* Redeclare since we override the float above */ .navbar-nav.navbar-right { float: right; } /* Undo custom dropdowns */ .navbar .navbar-nav .open .dropdown-menu { position: absolute; float: left; background-color: #434a54; color: #ffffff; border-width: 0 1px 1px; border-radius: 0 0 2px 2px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .navbar .navbar-nav .open .dropdown-menu ul { list-style-type: none; padding: 0px; margin: 0px 0 15px 0px; } .navbar .navbar-nav .open .dropdown-menu a { color: #ffffff; border: none; font-weight: normal; font-size: 11px; } .navbar .navbar-nav .open .dropdown-menu a.title { color: #73beff !important; font-weight: bold; } .navbar .navbar-nav .open .dropdown-menu a:hover { text-decoration: underline; color: #fed000; } .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #333; } ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; color: #333; position: absolute; float: left; background-color: #434a54; color: #ffffff; border-width: 0 1px 1px; border-radius: 0 0 2px 2px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } ul.nav li.dropdown:hover > ul.dropdown-menu ul { list-style-type: none; padding: 0px; margin: 0px 0 15px 0px; } ul.nav li.dropdown:hover > ul.dropdown-menu a { color: #ffffff; border: none; font-weight: normal; font-size: 11px; } ul.nav li.dropdown:hover > ul.dropdown-menu a.title { color: #73beff !important; font-weight: bold; } ul.nav li.dropdown:hover > ul.dropdown-menu a:hover { text-decoration: underline; color: #fed000; } .navbar .navbar-nav .open .dropdown-menu > li > a:hover, .navbar .navbar-nav .open .dropdown-menu > li > a:focus, .navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff !important; background-color: #428bca !important; } .navbar .navbar-nav .open .dropdown-menu > .disabled > a, .navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #999 !important; background-color: transparent !important; } /* Undo form expansion */ .navbar-form { float: left; width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } /* Copy-pasted from forms.less since we mixin the .form-inline styles. */ .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } .navbar-container { padding: 0; } .dropdown-menu { min-width: 720px !important; } .navbar { margin-bottom: 0px !important; } .main-container { padding: 20px 0 100px 0; } .index-goods { margin-top: 20px; } .index-goods .thumbnail { padding-bottom: 10px !important; -webkit-box-shadow: none; box-shadow: none; border: 0; } .index-goods .title { height: 40px; overflow: hidden; } .index-goods .title a { font-weight: bold; color: #0074d9; font-size: 12px; } .index-goods .price { font-size: 18px; font-weight: bold; margin-bottom: 5px; } .index-goods .state-yes { color: #2ecc40; font-size: 11px; margin-bottom: 10px; } .index-goods .state-no { color: #ff4136; font-size: 11px; margin-bottom: 10px; } .index-goods a.cart-link { color: #111111; } .index-goods a.cart-link:hover { text-decoration: none; color: #111111; } footer .footer-col { margin-top: 10px; background: none; border-left: 1px #5e5e5e solid; height: 150px; } footer .footer-col.col-last { border-right: 1px #5e5e5e solid; } footer .footer-top { height: 30px; margin-top: -40px; background-color: #fed000; } footer .footer-bottom { height: 380px; color: #ffffff; font-size: 12px; } footer .footer-bottom .title { color: #fed000; font-weight: bold; } footer .footer-bottom a { color: #ffffff; } footer .footer-bottom a:hover { color: #fed000; } /* Sticky footer styles -------------------------------------------------- */ html { position: relative !important; min-height: 100% !important; } body { /* Margin bottom by footer height */ margin-bottom: 410px !important; } .footer { position: absolute !important; bottom: 0 !important; width: 100% !important; /* Set the fixed height of the footer here */ height: 410px !important; } .navbar-inverse { background-image: -webkit-linear-gradient(top, #434a54 0%, #535b68 100%); background-image: -o-linear-gradient(top, #434a54 0%, #535b68 100%); background-image: linear-gradient(to bottom, #434a54 0%, #535b68 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff434a54', endColorstr='#ff535b68', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .navbar-inverse a { color: #ffffff !important; border-right: 1px #707c8d solid; font-weight: bold; font-size: 9pt; } .navbar-inverse a:hover { color: #fed000 !important; text-decoration: none; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .active > a { background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%); background-image: -o-linear-gradient(top, #080808 0%, #0f0f0f 100%); background-image: linear-gradient(to bottom, #080808 0%, #0f0f0f 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0); -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25); box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25); } .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } body { background-color: #f1f2f6; } h1, h2, h3, h4, h5, h6 { text-align: center; } .well-lg form { margin: 10px 0; } .alert h4 { text-align: left; } .navbar-container.affix { top: 0; width: 100%; z-index: 5000; } .navbar-container { width: 100%; z-index: 5000; } .panel-filter ul { text-align: left; list-style-type: none; list-style-position: inherit; padding: 0; margin: 0; } .panel-filter ul .icheckbox_square-blue { margin-right: 5px; } .panel-filter ul label { font-weight: normal; } hr.dashed { border: none; height: 1px; width: 100%; border-top: 1px dashed #cccccc; } .category-filter-title { text-transform: uppercase; font-size: 12px; font-weight: bold; margin-bottom: 15px; } .category-paginator { font-size: 10px; line-height: 20px; background: #434a54; height: 40px; color: #ffffff; margin-bottom: 20px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .category-paginator .category-paginator-top { padding: 0 10px; height: 20px; border-bottom: 1px #BDC3C7 solid; } .category-paginator .category-paginator-bottom { height: 20px; padding: 0 10px; } .category-items { margin: 0; } .breadcrumb-arrow li a::before { border-left-color: #fed000; } .breadcrumb-arrow li a::after { border-left: 11px solid #e5bb00; } .breadcrumb-arrow li a::after { border-left: 11px solid #e5bb00; } .breadcrumb-arrow li a { background-color: #fed000; border: 1px solid #e5bb00; color: #434a54; } .breadcrumb-arrow li a:focus::before, .breadcrumb-arrow li a:hover::before { border-left-color: #fed000; } .breadcrumb-arrow li a:focus, .breadcrumb-arrow li a:hover { background-color: #fed000; border: 1px solid #fed000; } .breadcrumb-arrow li a:active::after, .breadcrumb-arrow li a:active::before { border-left-color: #fed000; } .breadcrumb-arrow li a:active::after, .breadcrumb-arrow li a:active::before { border-left-color: #fed000; } .breadcrumb-arrow li a:active { background-color: #fed000; border: 1px solid #fed000; } .category-paginator a { color: #fed000; } .category-paginator a:hover, .category-paginator a:active { color: #fed000; } .product-min-thumbnails img { margin-bottom: 10px; } .product-big-thumbnail .product-big-thumbnail-container { width: 400px; height: 400px; min-width: 400px; min-height: 400px; max-width: 400px; max-height: 400px; background: white; border: 1px #ddd solid; border-radius: 4px; text-align: center; line-height: 400px; } .product-big-thumbnail .product-big-thumbnail-container img { width: 396px; margin-top: 2px; } .product-short-description { padding-left: 35px; } .product-short-description h4 { text-align: left; margin-top: 0; padding-top: 0; } .product-short-description .product-detail-price { font-size: 41px; font-weight: bold; } .product-not-in-stock { color: #ff4136; font-style: italic; display: none; } .product-in-stock .itogo { font-size: 20px; } table.table-cart input { width: 70px; text-align: left; float: right; } table.table-cart tbody td { padding-top: 45px; } table.table-cart tbody td.table-cart-image { padding-top: 8px; } table.table-cart tbody td .form-control { margin-top: -8px; } .breadcrumbs { overflow: hidden !important; } ol.breadcrumb.breadcrumb-arrow { overflow: hidden !important; } .table thead tr th { background: #434a54; color: #ffffff; border-right: 1px gray solid; } .table thead tr th:last-child { border-right: none; } .table thead tr th:last-of-type { border-right: none; } .table thead tr th:last { border-right: none; } .table tbody td { border-right: 1px #ddd solid; } .table tbody td:last-child { border-right: none; } .table tbody td:last-of-type { border-right: none; } .table tbody td:last { border-right: none; } .table .table-cart-itogo { font-size: 20px; } ul.messages { display: none; } .product-description { margin-top: 40px; padding-top: 20px; border-top: 1px #ddd solid; } .order-data .radio { margin-left: 15px; } #order-itogo-amount { font-size: 20px; }