You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

979 lines
18 KiB

/***
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: #fed000 !important;
font-weight: bold;
font-size: 12px;
}
.navbar .navbar-nav .open .dropdown-menu a:hover {
text-decoration: underline;
color: #fed000;
}
a#order-call-link {
color: #FC6E51;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #333;
}
.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: 100px;
}
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: 330px;
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: 360px !important;
}
.footer {
position: absolute !important;
bottom: 0 !important;
width: 100% !important;
/* Set the fixed height of the footer here */
height: 360px !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: 12px;
line-height: 25px;
background: #434a54;
height: 50px;
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: 25px;
border-bottom: 1px #BDC3C7 solid;
}
.category-paginator .category-paginator-bottom {
height: 20px;
padding: 0 10px;
}
.category-paginator select {
color: black;
}
.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,
#order-itogo-delivery,
#cart-itogo,
#order-itogo-amount-up,
#order-itogo-delivery-up,
#cart-itogo-up {
font-size: 20px;
}
.well-large {
padding: 40px;
}
.news-container .comment {
overflow: auto;
}
.news-container .media {
background: #F5F7FA;
padding: 15px;
}
.call-form,
.order-form {
background: #FFF;
padding: 20px 30px;
text-align: left;
max-width: 500px;
margin: 40px auto;
position: relative;
}
.sale-percent-block {
background: #E9573F;
width: 50px;
height: 50px;
text-align: center;
color: white;
top: 0;
font-size: 20px;
line-height: 50px;
}
.radio img {
margin-top: 10px;
margin-bottom: 10px;
}
.radio label {
margin-left: 0px !important;
padding-left: 0px !important;
}
.radio label input {
margin-left: 0 !important;
position: relative !important;
}