Зайдите в раздел редактирования такблицы стилей (CSS)
ПУ » Дизайн » Управление дизайном (CSS):
Замените все содержимое на код ниже:
::selection {
color: #fff;
}
::-moz-selection {
color: #fff;
}
html, body {
margin: 0;
padding: 0;
height: 100%;
}
textarea, input {
outline: none;
resize: none;
box-sizing: border-box;
}
img, a img {
border: none;
outline: none;
}
a {
text-decoration: none;
color: #7a7a7a;
transition: all .3s ease;
}
a:hover {
text-decoration: underline;
}
hr {
border: none;
height: 1px;
background: #d8d8d8;
}
body {
font-size: 13px;
line-height: 22px;
color: #7a7a7a;
font-weight: 400;
font-family: 'Open Sans', 'Tahoma';
background: #fff;
}
h1, h2, h3, h4, h5, h6 {
margin: 0 0 22px;
padding: 0;
font-weight: 400;
line-height: 22px;
color: #1a1a1a;
font-family: 'Idealist Sans', 'Tahoma';
letter-spacing: 1px;
text-transform: uppercase;
}
h1 {font-size: 20px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 15px;}
h5 {font-size: 14px;}
h6 {font-size: 13px;}
aside ul, aside ol, aside li {
margin: 0;
padding: 0;
list-style: none;
list-style-type: none;
}
textarea {
overflow: auto;
border: 1px solid #d8d8d8;
background: #fff;
color: #7a7a7a;
line-height: 22px;
min-height: 36px;
padding: 6px 15px;
font-size: 13px;
font-family: 'Open Sans';
box-sizing: border-box;
border-radius: 3px;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="url"] {
border: 1px solid #d8d8d8;
background: #fff;
color: #7a7a7a;
line-height: 26px;
height: 36px;
padding: 6px 15px;
font-family: 'Open Sans';
background: #fff;
box-sizing: border-box;
transition: all .2s ease;
border-radius: 3px;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
button {
border: none;
color: #fff;
line-height: 22px;
height: 36px;
padding: 6px 20px;
font-weight: 400;
font-family: 'Open Sans';
background: #fff;
cursor: pointer;
box-sizing: border-box;
transition: all .3s ease;
border-radius: 3px;
font-family: 'Idealist Sans';
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover {
background: #1a1a1a;
color: #fff;
}
select {
border: 1px solid #d8d8d8;
background: #fff;
cursor: pointer;
font-size: 13px;
font-family: 'Open Sans';
line-height: 22px;
height: 34px;
padding: 5px 24px 5px 10px;
background-image: url('/img/select.png');
background-position: right center;
background-repeat: no-repeat;
line-height: 1em;
text-indent: 1px;
text-overflow: '';
-ms-appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 3px;
}
select::-ms-expand {
display: none;
}
select:focus {
outline: none;
}
p {
margin: 0;
padding: 0;
}
.oh {
overflow: hidden;
}
.cnt {
width: 1170px;
margin: 0 auto;
}
.clr:after {
content: '';
display: block;
clear: both;
}
.col2 {width: 48.717948716%;}
.col3 {width: 31.623931622%;}
.col4 {width: 23.076923075%;}
.col2, .col3, .col4 {
margin-bottom: 30px;
margin-right: 2.564102563%;
float: left;
}
.col2:nth-child(2n), .col3:nth-child(3n), .col4:nth-child(4n) {
margin-right: 0;
}
.col2:nth-child(2n+1), .col3:nth-child(3n+1), .col4:nth-child(4n+1) {
clear: left;
}
.col2 *, .col3 *, .col4 * {
max-width: 100%;
}
#wrapper {
overflow: hidden;
min-height: 600px;
}
#loader {
position: fixed;
background: rgba(255, 255, 255, 0.9) url(/img/loader.gif) center no-repeat;
width: 100%;
height: 100%;
z-index: 9991;
}
#top {
min-height: 40px;
line-height: 40px;
border-bottom: 1px solid #d8d8d8;
}
.top-welcome {
float: left;
}
.top-links {
float: right;
margin: 0;
padding: 0;
list-style: none;
}
.top-links li {
float: left;
margin: 0 0 0 30px;
padding: 0;
}
.top-links li .fa {
margin-right: 3px;
}
#header {
min-height: 100px;
}
#logo {
display: block;
height: 100px;
overflow: hidden;
float: left;
line-height: 0;
text-decoration: none !important;
}
#logo span {
line-height: 100px;
font-family: 'Teddy Bear';
font-size: 36px;
}
#shop-basket {
position: relative;
float: right;
height: 100px;
padding: 32px 0;
z-index: 100;
box-sizing: border-box;
}
#shop-basket .h-icon, #shop-basket .h-cnt {
cursor: pointer;
}
.h-icon {
float: left;
font-size: 36px;
line-height: 36px;
margin-right: 15px;
}
.h-cnt {
line-height: 18px;
float: left;
}
.h-cnt b {
font-weight: 600;
color: #1a1a1a;
}
.h-block {
float: right;
margin-right: 70px;
height: 100px;
padding: 32px 0;
box-sizing: border-box;
}
.s-goods {
position: absolute;
top: 150px;
right: -9999px;
opacity: 0;
background: #fff;
border: 1px solid #d8d8d8;
padding: 20px;
width: 270px;
box-sizing: border-box;
transition: top .3s ease, opacity .3s ease;
}
.opened .s-goods {
top: 100px;
opacity: 1;
right: 0;
}
.s-goods ul, .s-goods ul li {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.s-goods ul li {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #d8d8d8;
position: relative;
min-height: 50px;
padding-left: 70px;
padding-right: 20px;
line-height: 18px;
}
.s-goods ul li img {
position: absolute;
left: 0;
top: 0;
width: 48px;
border: 1px solid #d8d8d8;
}
.s-goods ul li b {
display: inline-block;
padding-top: 5px;
}
.s-goods ul li .fa-remove {
position: absolute;
top: 4px;
right: 0;
font-size: 12px;
cursor: pointer;
transition: all .3s ease;
}
.s-goods ul li .fa-remove:hover {
color: #1a1a1a;
}
.s-goods b {
color: #1a1a1a;
}
.order-amount {
display: block;
padding-bottom: 10px;
border-bottom: 1px solid #d8d8d8;
margin-bottom: 10px;
}
#navigation {
border-top: 1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8;
height: 50px;
position: relative;
z-index: 99;
}
#navigation .cnt {
position: relative;
}
.menu-icon {
display: none;
font-family: 'Idealist Sans';
text-transform: uppercase;
letter-spacing: 1px;
line-height: 50px;
cursor: pointer;
}
.menu-icon:hover {
color: #1a1a1a;
}
.menu-icon .fa {
font-size: 14px;
margin-right: 3px;
}
.search-icon {
float: right;
line-height: 50px;
position: relative;
}
.search-icon {
cursor: pointer;
font-size: 14px;
margin-left: 40px;
}
.search-icon:hover {
color: #1a1a1a;
}
#search {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 36px;
box-sizing: border-box;
padding: 7px 0;
background: #fff;
display: none;
}
.search-keyword {
width: 100%;
border: none !important;
font-size: 15px !important;
color: #1a1a1a !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.search-close {
position: absolute;
right: 0;
top: 0;
line-height: 50px;
cursor: pointer;
font-size: 14px;
}
.search-close:hover {color: #1a1a1a;}
#shop-currency-select {
float: right;
border: none;
height: 50px;
background-image: url('/img/select2.png');
padding-left: 0;
padding-right: 10px;
font-family: 'Idealist Sans';
text-transform: uppercase;
color: #7a7a7a;
letter-spacing: 1px;
font-weight: 400;
}
#middle, #homepage {
padding-top: 30px;
padding-bottom: 50px;
}
#sidebar {
float: left;
width: 23.076923075%;
}
#sidebar * {
max-width: 100%;
}
.block {
border: 1px solid #d8d8d8;
margin-bottom: 30px;
}
.block > h4 {
padding: 17px 20px;
margin: 0;
border-bottom: 1px solid #d8d8d8;
line-height: 16px;
}
.block > h4 .fa {
margin-right: 3px;
}
.block-body {
padding: 20px;
}
.block .cat-tree u {
text-decoration: none !important;
}
.block ul.cat-tree, .block ul.cat-tree ul, .block ul.cat-tree li {
padding: 0;
margin: 0;
list-style: none;
}
.block ul.cat-tree ul {
display: none;
padding-left: 10px;
margin: 10px 0 10px 10px;
border-left: 1px solid #d8d8d8;
}
.block ul.cat-tree b {
display: none;
}
.block ul li, .block ul.cat-tree li {
padding-top: 7px;
padding-bottom: 7px;
}
.block ul.cat-tree li {
border-top: 1px solid #d8d8d8;
padding-top: 10px;
padding-bottom: 10px;
}
.block ul.cat-tree li:first-child {
border: none;
}
.block ul.cat-tree, .block ul.cat-tree a {
color: #1a1a1a;
}
.block ul.cat-tree .plus:before, .block ul.cat-tree .minus:before {
display: inline-block;
font-family: FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
font-size: 14px;
float: right;
cursor: pointer;
}
.block ul.cat-tree .plus:before {
content: "\f196";
}
.block ul.cat-tree .minus:before {
content: "\f147";
}
.block ul.cat-tree {
margin: -14px 0;
}
#sidebar * {
max-width: 100%;
}
.popular {
padding: 0;
margin: 0;
list-style: none;
}
ul.popular li {
overflow: hidden;
margin: 20px 0 0;
padding: 20px 0 0;
border-top: 1px solid #d8d8d8;
}
ul.popular li:first-child {
margin-top: 0;
padding-top: 0;
border-top: none;
}
.popular li img {
float: left;
width: 58px;
border: 1px solid #d8d8d8;
}
.popular li p {
line-height: 18px;
margin-left: 80px;
}
.popular li p b {
font-size: 15px;
font-weight: 700;
display: inline-block;
padding-top: 4px;
}
.banner {
line-height: 0;
transition: opacity .3s ease;
}
.banner:hover {
opacity: 0.7;
}
#content {
float: right;
width: 74.358974357%;
}
#middle #content * {
max-width: 100%;
}
.slider-wrap {
position: relative;
width: 100%;
overflow: hidden;
margin-bottom: 30px;
}
.slider-wrap:before {
content: '';
display: block;
padding-top: 51.724137931%;
overflow: hidden;
}
.slider, .slide {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
}
.slide * {
max-width: 100%;
}
.slide-arrow {
display: block;
position: absolute;
z-index: 2;
top: 50%;
transition: all .3s ease;
cursor: pointer;
height: 38px;
width: 38px;
line-height: 38px !important;
border: 1px solid #fff;
text-align: center;
margin-top: -20px;
background: rgba(0, 0, 0, 0.15);
color: #fff;
font-size: 24px !important;
}
.slide-arrow:hover {
background: rgba(0, 0, 0, 0.5);
}
.slide-arrow.fa-angle-left {left: -40px;}
.slide-arrow.fa-angle-right {right: -40px;}
.slider-wrap:hover .slide-arrow.fa-angle-left {left: 40px;}
.slider-wrap:hover .slide-arrow.fa-angle-right {right: 40px;}
.banners {margin-bottom: 50px;}
.banner * {
max-width: 100%;
}
.banner-1 {
float: left;
width: 65.517241378%;
}
.banner-2 {
float: right;
width: 31.034482757%;
}
span.garrow {
font-family: 'FontAwesome';
letter-spacing: 0;
font-weight: normal;
float: right;
cursor: pointer;
margin-left: 15px;
}
.gbestsellers, .gpopular {
margin-bottom: 28px;
}
.list-item {
margin-top: 8px;
margin-bottom: 22px;
border: 1px solid #d8d8d8;
box-sizing: border-box;
padding: 20px 20px 15px;
position: relative;
}
.list-item * {
max-width: 100%;
}
.gnew, .gsale {
display: block;
line-height: 24px;
color: #fff;
font-size: 11px;
font-weight: 700;
padding: 0 10px;
border-radius: 3px;
position: absolute;
top: 20px;
z-index: 3;
}
.gnew {
left: 20px;
background: #6ede3d;
display: none;
}
.gsale {
right: 20px;
background: #ffbe33;
}
.gimg {
line-height: 0;
position: relative;
display: block;
margin-bottom: 20px;
}
.gimg img {
transition: all .3s ease;
}
.gimg:before, .gimg:after {
content: '';
display: block;
position: absolute;
background: #1a1a1a;
top: 50%;
left: 50%;
z-index: 2;
opacity: 0;
transition: all .3s ease;
}
.gimg:before {
width: 70px;
height: 1px;
margin-left: -35px;
}
.gimg:after {
width: 1px;
height: 70px;
margin-top: -35px;
}
.gimg:hover img {
opacity: 0.3;
}
.gimg:hover:before, .gimg:hover:after {
opacity: 1;
}
.gcat {
display: block;
font-size: 11px;
line-height: 11px;
color: #a7a7a7;
}
.gname {
margin-top: 15px;
line-height: 18px;
font-size: 15px;
color: #1a1a1a;
min-height: 36px;
}
.gname a {
color: #1a1a1a;
}
.grate {
padding: 10px 0;
line-height: 0;
}
.gprice {
font-size: 15px;
font-weight: 700;
margin-bottom: 15px;
}
.gprice s {
font-size: 13px;
color: #a7a7a7;
font-weight: 400;
padding-left: 3px;
}
.gbuttons {
overflow: hidden;
}
.gbuttons .bt, .gbuttons .wish {
float: left;
margin-right: 5px;
margin-bottom: 5px;
}
.bt, .wish {
display: inline-block;
line-height: 36px;
height: 36px;
border-radius: 3px;
text-decoration: none !important;
}
.bt-1 {
padding: 0 20px;
color: #fff;
font-family: 'Idealist Sans';
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
}
.bt-1:hover {
color: #fff !important;
background: #1a1a1a;
}
.bt-2, .wish {
width: 34px;
text-align: center;
color: #1a1a1a;
font-size: 16px;
border: 1px solid #d8d8d8;
height: 34px;
line-height: 34px;
cursor: pointer;
}
.wish:before {
font-family: 'FontAwesome';
}
.wadd:before {
content: '\f08a';
}
.wdel:before {
content: '\f00d';
}
.owl-item {
padding-left: 30px;
box-sizing: border-box;
}
.gcarousel {
margin-left: -30px;
}
.block .list-item {
padding: 0;
margin: 0;
border: none;
}
.block .gnew {
left: 0;
}
.block .gsale {
right: 0;
}
.banner-3 {
margin-bottom: 50px;
}
.gnewgoods {
margin-bottom: -22px;
}
#go-top {
display: block;
cursor: pointer;
position: fixed;
z-index: 100;
bottom: 15px;
right: 15px;
color: #fff;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 3px;
font-size: 16px;
text-align: center;
transition: all .3s ease;
}
.ftop {
background: #f6f6f6;
border-top: 1px solid #ebebeb;
padding-top: 50px;
padding-bottom: 50px;
}
#go-top:hover {
background: #1a1a1a;
}
.fblock {
margin-bottom: -30px;
}
.fblock > h4 {
font-size: 15px;
margin-bottom: 30px;
}
.fblock b {
color: #1a1a1a;
font-weight: 600;
}
.fblock b a {
color: #1a1a1a;
}
.soc {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background: #fff;
border: 1px solid #d8d8d8;
border-radius: 30px;
color: #1a1a1a;
text-decoration: none !important;
}
.fblock .soc {
margin-right: 1px;
}
.soc:hover {
color: #fff !important;
}
.fblock ul, .fblock ul li {
margin: 0;
padding: 0;
list-style: none;
}
.fblock ul li {
margin-bottom: 10px;
}
.fblock ul li:last-child {
margin-bottom: 0;
}
.fblock ul li:before {
content: '\f105';
font-family: 'FontAwesome';
padding-right: 7px;
font-size: 13px;
}
.bottom {
padding-top: 15px;
padding-bottom: 15px;
background: #323232;
}
.payments {
float: left;
overflow: hidden;
line-height: 0;
}
.payments img {
float: left;
margin-right: 5px;
}
.copy {
float: right;
padding-top: 4px;
}
.slist {
display: block;
padding: 10px 20px;
border: 1px solid #d8d8d8;
}
#middle #content .list-item {
width: 31.623931622%;
margin-bottom: 10px;
margin-top: 20px;
margin-right: 2.564102563%;
float: left;
}
#middle #content .list-item:nth-child(3n) {
margin-right: 0;
}
#middle #content .list-item:nth-child(3n+1) {
clear: left;
}
.good-images {
float: left;
width: 31.034482757%;
line-height: 0;
position: relative;
}
.good-images * {
max-width: 100%;
}
.good-images img {
cursor: pointer;
transition: all .3s ease;
}
.good-images img:hover {
opacity: 0.7;
}
.good-images .big {
width: 100%;
box-sizing: border-box;
border: 1px solid #d8d8d8;
}
.good-images .small {
box-sizing: border-box;
border: 1px solid #d8d8d8;
width: 29.629629628%;
margin-right: 5.555555554%;
margin-top: 15px;
float: left;
}
.good-images .small:nth-child(3n) {
margin-right: 0;
}
.good-info {
margin-left: 34.482758619%;
}
.good-title {
font-weight: 400;
color: #1a1a1a;
text-transform: none;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #d8d8d8;
}
.good-price {
float: left;
}
.good-price b {
font-size: 16px;
font-weight: 600;
padding-right: 2px;
}
.good-price s {
color: #a7a7a7;
}
.good-rate {
float: right;
}
.good-brief {
padding-top: 20px;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #d8d8d8;
}
.good-options {
padding-bottom: 10px;
margin-bottom: 20px;
border-bottom: 1px solid #d8d8d8;
}
.good-options ul, .good-options ul li {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.good-options ul li {
float: left;
margin-right: 20px;
margin-bottom: 10px;
}
.good-options ul li .opt {
padding-right: 3px;
}
.good-buttons {
padding-bottom: 10px;
margin-bottom: 20px;
border-bottom: 1px solid #d8d8d8;
}
.to-basket > * {
margin-bottom: 10px;
}
.to-basket .fa.fa-minus, .to-basket .fa.fa-plus {
display: inline-block;
line-height: 34px;
width: 34px;
text-align: center;
font-size: 10px;
cursor: pointer;
transition: all .3s ease;
border: 1px solid #d8d8d8;
background: #f6f6f6;
border-radius: 3px;
}
.to-basket .fa-minus {
margin-right: 5px;
}
.to-basket .fa-plus {
margin-left: 5px;
margin-right: 30px;
}
.to-basket input, .to-basket .fa.fa-minus, .to-basket .fa.fa-plus {
float: left;
}
.to-basket input[type="button"] {
margin-right: 5px;
}
.to-basket input[type="text"] {
width: 50px;
text-align: center;
padding-left: 0;
padding-right: 0;
}
.to-basket a, .to-basket div {
float: left;
margin-right: 5px;
}
#buy-now {
background: #fc4242;
}
#buy-now:hover {
background: #1a1a1a;
}
.good-more ul, .good-more ul li {
padding: 0;
margin: 0;
list-style: none;
line-height: 24px;
}
.good-more .opt {
color: #1a1a1a;
font-weight: 600;
}
.good-tabs {
margin-top: 50px;
padding-bottom: 20px;
border-bottom: 1px solid #d8d8d8;
}
.aTabsHead {
overflow: hidden;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #d8d8d8;
}
.aTabsHead > span {
display: block;
float: left;
margin-right: 30px;
cursor: pointer;
font-size: 14px;
text-transform: uppercase;
color: #a7a7a7;
font-family: 'Idealist Sans';
letter-spacing: 1px;
}
.aTabsHead > span.aTabsHeadSpanActive {
color: #1a1a1a !important;
cursor: default;
}
.aTabs > ul, .aTabs > ul > li {
padding: 0;
margin: 0;
list-style: none;
}
.shop-imgs img {
max-width: 47%;
}
.other-items {
margin-top: 30px;
overflow: hidden;
}
.other-title {
color: #1a1a1a;
text-transform: uppercase;
font-size: 15px;
font-family: 'Idealist Sans';
letter-spacing: 1px;
}
.post-wrap {
margin-bottom: 50px;
}
.post-title, .post-title a {
color: #1a1a1a;
text-decoration: none;
}
.post-title {
margin: 10px 0;
font-size: 15px;
}
.post-more {
display: inline-block;
margin-top: 10px;
color: #1a1a1a;
}
.post-details {
padding-top: 10px;
overflow: hidden;
padding-bottom: 10px;
border-bottom: 1px solid #d8d8d8;
text-align: right;
}
.post-date-time {
float: left;
font-size: 11px;
}
.post-comm-num {
cursor: help;
}
.swchItem, .swchItemA {
display: inline-block;
border: 1px solid #d8d8d8;
border-radius: 3px;
text-align: center;
min-width: 36px;
box-sizing: border-box;
line-height: 36px;
font-family: 'Arial';
padding-left: 10px;
padding-right: 10px;
font-size: 13px;
text-decoration: none;
}
.swchItemA {
color: #1a1a1a;
}
.block-body .catsTd {
border-top: 1px solid #d8d8d8;
padding-top: 10px;
padding-bottom: 10px;
}
.block-body .catsTable tr:first-child .catsTd {
padding-top: 0;
border-top: none;
}
.block-body .catsTable tr:last-child .catsTd {
padding-bottom: 0;
}
.block-body li {
border-top: 1px solid #d8d8d8;
padding-top: 10px;
padding-bottom: 10px;
}
.block-body li:first-child {
padding-top: 0;
border-top: none;
}
.block-body li:last-child {
padding-bottom: 0;
}
.gTable {
background: none;
border-spacing: 0;
}
.gTable td {
padding: 10px 20px;
}
.gTableTop {
line-height: 36px;
padding: 5px 20px !important;
color: #fff;
text-decoration: none;
font-size: 16px !important;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 1px;
font-family: 'Idealist Sans';
border-radius: 3px 3px 0 0;
}
.gTableTop a {
color: #fff;
text-decoration: none;
font-size: 14px;
}
.gTableSubTop {
padding: 5px 10px;
font-weight: 400;
font-size: 13px;
}
.catLink {
color: #fff !important;
font-size: 15px !important;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 1px;
}
.funcBlock {
padding-right: 10px;
}
.forumIcoTd {
text-align: center;
}
.forumIcoTd,
.forumNameTd,
.forumThreadTd,
.forumPostTd,
.forumLastPostTd {
padding: 5px 10px;
}
.forumThreadTd,
.forumPostTd,
.threadPostTd,
.threadViewTd,
.threadAuthTd,
.threadIcoTd,
.threadNametd,
.threadAuthTd,
.threadLastPostTd {
vertical-align: middle;
padding-left: 20px;
}
.forumNameTd a {
line-height: 24px;
font-family: 'Idealist Sans';
font-size: 14px;
text-transform: uppercase;
}
.forumNamesBar {
padding-left: 10px !important;
}
.frmBtns {
text-align: right;
padding-right: 10px;
}
.legendTd {
padding: 0 10px;
}
.threadIcoTd,
.threadIcoTd {
text-align: center;
vertical-align: middle;
}
.threadsDetails {
padding: 5px;
}
.postTdTop {
text-align: center;
padding: 5px;
}
.postTdInfo {
text-align: center;
}
.posttdMessage {
vertical-align: top;
padding: 5px;
}
.threadsDetails,
.postTdTop {
background: none;
}
.gTable tr {
background: none;
}
.gDivBottomRight {
height: 50px;
}
.pagesInfo {
padding: 5px 10px;
}
.switchActive {
padding: 5px 10px;
border-radius: 0 2px 2px 0;
color: #fff;
}
.postBottom {
padding: 0 20px !important;
}
#thread_search_form {
position: relative;
padding-bottom: 10px;
overflow: hidden;
}
#thread_search_button {
position: absolute;
top: -1px;
right: 0;
}
.fNavLink {
display: inline-block;
margin-bottom: 30px;
}
#forum_filter {
text-align: right;
padding-bottom: 10px;
}
#forum_filter form {
display: inline-block;
}
#filter_by {
display: inline-block;
line-height: 40px;
}
.forumIcoTd,
.forumNameTd,
.forumThreadTd,
.forumPostTd,
.forumLastPostTd,
.forumThreadTd,
.forumPostTd,
.threadPostTd,
.threadViewTd,
.threadAuthTd,
.threadIcoTd,
.threadNametd,
.threadAuthTd,
.threadLastPostTd,
.postTdTop,
.postBottom {
border-bottom: 1px solid #dcdcdc;
}
.postTdTop,
.postBottom {
border-top: 1px solid #dcdcdc;
}
.gTableSubTop {
background: #f6f6f6;
}
.pagesInfo {
background: #fff;
border-radius: 3px;
}
.forumContent a:hover,
.gTableSubTop,
.gTableSubTop a {
color: #1a1a1a !important;
}
.postTdInfo {
border-right: 1px solid #dcdcdc;
}
.forumNameTd {
color: #a7a7a7;
}
.forumContent .gTableTop a {
color: #fff !important;
}
.switches {
border-radius: 3px;
}
.calWdaySu,
.calWdaySe {
background: #7a7a7a !important;
}
.eTitle {
color: #121212;
}
.calTable td.calMday,
.calMdayA {
border: 1px solid #dcdcdc;
}
.commTable {
padding-top: 50px;
}
.commTable .commFl,
.commTable .securityCode {
width: 100%;
}
.commTable .securityCode {
width: auto;
}
.calTable {
width: 100%;
line-height: 30px;
}
.calWday,
.calWdaySu,
.calWdaySe {
color: #fff;
}
.calMdayA {
font-weight: 400;
}
.eTitle {
font-size: 18px;
padding: 20px 0;
}
.eDetails {
padding: 20px 0;
font-size: 13px;
}
.eBlock {
margin-bottom: 30px;
}
#content img {
max-width: 100%;
}
@media (min-width: 992px) {
#menu {
display: block;
float: left;
position: relative;
}
#menu .uMenuRoot, #menu .uMenuRoot ul {
list-style: none;
}
#menu .uMenuRoot, #menu .uMenuRoot > li {
padding: 0;
margin: 0;
}
#menu .uMenuRoot > li {
margin-right: 40px;
position: relative;
}
#menu .uMenuRoot > li {
height: 50px;
line-height: 50px;
float: left;
}
#menu .uMenuRoot > li > a {
display: block;
text-decoration: none !important;
font-family: 'Idealist Sans';
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 400;
}
#menu .uMenuRoot > li > a:hover {
color: #1a1a1a !important;
}
#menu .uMenuRoot .fa-angle-down {margin-left: 3px;}
#menu .uMenuRoot li ul {
position: absolute;
top: 100px;
left: -9999px;
width: 200px;
border: 1px solid #d8d8d8;
margin: 0;
padding: 0;
opacity: 0;
transition: top .3s ease, opacity .3s ease;
}
#menu .uMenuRoot li ul li {
border-bottom: 1px solid #d8d8d8;
line-height: 40px;
position: relative;
}
#menu .uMenuRoot li ul li:last-child {
border-bottom: none;
}
#menu .uMenuRoot li ul li a {
display: block;
background: #fff;
padding: 0 20px;
text-decoration: none !important;
}
#menu .uMenuRoot li ul li a:hover,
#menu .uMenuRoot li ul li.uWithSubmenu:hover > a {
background: #f6f6f6;
color: #1a1a1a;
}
#menu .uMenuRoot li ul li a .fa {
float: right;
line-height: 40px;
}
#menu .uMenuRoot > li.uWithSubmenu:hover > ul {
top: 50px;
opacity: 1;
left: -20px;
}
#menu .uMenuRoot > li > ul li.uWithSubmenu:hover > ul {
left: 200px;
top: -1px;
opacity: 1;
}
.menu-icon {
display: none;
}
}
@media (max-width: 1279px) {
.cnt {
width: 100%;
padding-left: 50px;
padding-right: 50px;
box-sizing: border-box;
}
}
@media (max-width: 1169px) {
#menu .uMenuRoot > li {
margin-right: 30px;
}
}
@media (max-width: 1023px) {
#menu .uMenuRoot > li {
margin-right: 20px;
}
}
@media (max-width: 991px) {
#content, #sidebar {
float: none;
width: 100%;
}
.menu-icon {
display: block;
float: left;
}
#navigation {
padding-left: 50px;
padding-right: 50px;
}
#navigation .cnt {
padding: 0;
}
#menu .uMenuRoot, #menu .uMenuRoot li {
position: relative;
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}
#menu .uMenuRoot {
display: none;
position: absolute;
top: 51px;
left: 0;
background: #fff;
width: 100%;
border-bottom: 1px solid #d8d8d8;
border-left: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8;
box-sizing: border-box;
}
#menu .uMenuRoot ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu .uMenuRoot li a {
display: block;
border-bottom: 1px solid #d8d8d8;
line-height: 36px;
padding: 0 20px;
text-decoration: none !important;
}
#menu .uMenuRoot > li > a {
font-family: 'Idealist Sans';
letter-spacing: 1px;
text-transform: uppercase;
}
#menu .uMenuRoot .fa {
float: right;
line-height: 36px;
font-size: 16px;
}
#menu .uMenuRoot > li:last-child > a {
border: none;
}
#menu .uMenuRoot li > ul a {padding-left: 40px;}
#menu .uMenuRoot li > ul > li > ul a {padding-left: 60px;}
#menu .uMenuRoot li > ul > li > ul > li > ul a {padding-left: 80px;}
#header {
min-height: 200px;
text-align: center;
}
#logo {
float: none;
width: 100%;
text-align: center;
border-bottom: 1px solid #d8d8d8;
}
#shop-basket, .h-block {
text-align: left;
display: inline-block;
float: none;
margin: 0 20px -6px;
}
.opened .s-goods {
right: inherit;
left: 0;
}
#content {
margin-bottom: 50px;
}
#sidebar {
overflow: hidden;
}
#sidebar .block, .col4 {
float: left;
width: 48.717948716%;
margin-bottom: 30px;
margin-right: 2.564102563%;
box-sizing: border-box;
}
#sidebar .block:nth-child(2n), .col4:nth-child(2n) {
margin-right: 0;
}
#sidebar .block:nth-child(2n+1), .col4:nth-child(2n+1) {
clear: left;
}
.fblock {
margin-bottom: 20px;
}
.top-welcome, .top-links {
float: none;
}
.top-links {
margin-top: -10px;
}
.top-links li {
margin-left: 0;
margin-right: 30px;
}
}
@media (max-width: 767px) {
.cnt, #navigation {
padding-left: 30px;
padding-right: 30px;
}
#header {
text-align: left;
min-height: 0;
}
#logo {
text-align: left;
margin-bottom: 20px;
height: auto;
padding: 20px 0;
}
#logo span {
line-height: 40px;
font-size: 30px;
}
#shop-basket, .h-block {
margin-left: 0 !important;
margin-right: 30px !important;
padding: 0;
height: 50px;
margin-bottom: 0;
}
.opened .s-goods {
top: 50px;
}
.top-links {
margin-top: 0;
}
#top {
padding-bottom: 16px;
padding-top: 16px;
line-height: 22px;
}
#top .top-welcome {
padding-bottom: 16px;
display: block;
}
#middle #content .list-item {
width: 48.717948716%;
margin-right: 2.564102563%;
float: left;
}
#middle #content .list-item:nth-child(3n) {margin-right: 2.564102563%;}
#middle #content .list-item:nth-child(3n+1) {clear: none;}
#middle #content .list-item:nth-child(2n) {margin-right: 0;}
#middle #content .list-item:nth-child(2n+1) {clear: left;}
.good-images {
float: none;
margin: 0 auto 50px;
width: auto;
max-width: 270px !important;
}
.good-info {
margin-left: 0;
}
.gTableSubTop,
.forumIcoTd,
.forumThreadTd,
.forumPostTd,
.forumLastPostTd,
.threadIcoTd,
.threadAuthTd,
.threadLastPostTd,
.threadPostTd,
.threadViewTd,
.threadsDetails,
.forumOnlineBar,
.legendBlock,
.userRights,
.fFastNavTd,
.fFastSearchTd,
.forumNamesBar,
#forum_filter,
.postTdInfo,
.postBottom,
#thread_search_form
{
display: none;
}
.gDivLeft {
padding-top: 10px;
}
.postTdTop, .postTable, .posttdMessage {
display: block !important;
text-align: left;
width: auto !important;
}
.postUser {
font-size: 16px;
font-weight: 600;
}
}
@media (max-width: 567px) {
.banners .banner {
float: none;
width: 100%;
}
.banners .banner:first-child {
margin-bottom: 30px;
}
.banners .banner img, .lbanner img {
width: 100%;
}
.col2, .col3, .col4, .block, #middle #content .list-item {
float: none !important;
margin-right: 0 !important;
width: 100% !important;
}
.h-icon {
display: none;
}
#top .top-links .fa {
display: none;
}
#top .top-links li {
margin-right: 20px;
}
#top .top-links li a {
text-decoration: underline;
color: #1a1a1a;
}
#top .top-welcome {
padding-bottom: 5px;
}
.good-price, .good-rate {
float: none;
}
.good-price {
margin-bottom: 10px;
}
}
/* others */
@media screen and (max-width: 767px) {
li.uEntryWrap {width: 50% !important;}
}
@media screen and (max-width: 567px) {
li.uEntryWrap {width: 100% !important;}
}
#cat-add {height: auto; max-height: 100px;}
.u-mpanel, .u-mpanel * {max-width: none !important;}
li[class^='u-star'] a {transition: none !important;}
.uComment {padding: 10px 10px 0 10px; border: 1px solid #dcdcdc !important; border-radius: 3px;}
.shop-imgs img {max-width: 47%;}
#cont-shop-invoices input, #cont-shop-invoices button {margin-top: 5px; margin-bottom: 5px;}
#invoice_cont, #order-table {overflow-x: auto;}
.photo-block {border-radius: 0 !important; box-shadow: none !important; border: 1px solid #d8d8d8; padding: 0 0 5px 0 !important;}
.photo-title {text-transform: uppercase; font: normal 15px/18px 'Idealist Sans' !important; color: #1a1a1a;}
.photo-title a {color: #1a1a1a;}
.uphoto {margin-bottom: 20px !important;}
.ph-data {display: none !important;}
/* color scheme */
::selection{background-color:#ff3337}
::-moz-selection{background-color:#ff3337}
a:hover,.top-links li .fa,#logo,.h-icon,.s-goods ul li .fa-remove,#menu .uMenuRoot > li > a.uMenuItemA,.block ul.cat-tree .plus:hover,.block ul.cat-tree .minus:hover,.popular li p b,span.garrow:hover,.gprice,.wish:hover,.good-price b,.forumContent a{color:#ff3337!important}
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="url"]:focus,.soc:hover{border:1px solid #ff3337}
.bt-1,#go-top,.soc:hover,input[type="button"],input[type="submit"],input[type="reset"],button,.add,.done,.wait,.gTableTop,.switches{background:#ff3337}
← Конструктор шаблонов
Восстановление из бэкапа →
