/*----- css reset -----*/
html, body, div, span, header, footer, article, aside, section,
h1, h2, h3, h4, h5, h6, p, hgroup, figure, figcaption,
a, img,
ul, li, nav, menu{
margin: 0;
padding: 0;
border: 0 none;
line-height: 1;
}
menu, nav, aside{
list-style: none;
ul, menu{
list-style :none;
}
}
/*----- html-5 -----*/
header, footer, article, aside, section, nav, menu,
figure, figcaption, hgroup,
audio, video, canvas,
keygen, mark,
command, datalist, details, meter, output, progress, rp, rt, ruby, source, summary, time, wbr{
display: block;
}
// --- LESS-mixin
.LESS-fonts{
font-family: Arial;
font-size: 15px;
color: #545454;
line-height: 1;
}
.LESS-border{
border: solid 1px #b9d3d4;
border-radius: 15px;
}
/*----- global style -----*/
div.clear{
clear: both;
}
html{
background: #ffffff url("../images/bgHeader.jpg")top repeat-x;
.LESS-fonts;
a{
.LESS-fonts;
color: #2575cf;
text-decoration: underline;
&:hover, &:active, a.active{
text-decoration: none;
}
}
}
body{
background: url("../images/bgFooter.png") bottom repeat-x;
header, div.main, footer{
width: 960px;
margin: 0 auto;
}
}
h1{
font-size: 18px;
color: #333333;
font-weight: normal;
margin: 10px 0;
}
h2{
font-size: 17px;
color: #333333;
font-weight: normal;
margin: 10px 0;
}rgin: 20px 0 3px 0;
h3{
font-size: 17px;
color: #333333;
font-weight: normal;
margin: 10px 0;
}
h4{
font-size: 17px;
color: #333333;
font-weight: normal;
margin: 10px 0;
}
/*----- header -----*/
header{
background: url("../images/imgHeader.png") 245px 0 no-repeat;
height: 182px;
.topLinks{
position: absolute;
margin: 9px 0 0 143px;
a{
float: left;
margin-right: 15px;
}
}
div.topLogo{
position: absolute;
margin: 68px 0 0 7px;
a{
font-size: 14px;
color: #8c8c8c;
line-height: 19px;
text-decoration: none;
}
}
.topContact{
background: #ffffff;
position: absolute;
margin: 19px 0 0 718px;
padding: 10px 15px;
width: 210px;
height: 104px;
line-height: 20px;
.LESS-border;
font-size: 12px;
color: #739899;
text-transform: uppercase;
span{
font-weight: bold;
color: #2e8589;
}
p{
margin: 8px 0;
font-size: 30px;
color: #2e8589;
span{
font-size: 17px;
font-weight: normal;
line-height: 20px;
vertical-align: top;
padding-top: 2px;
}
}
}
}
/*----- aside -----*/
aside{
width: 240px;
float: left;
margin-bottom: 25px;
menu{
.LESS-border;
border-radius: 0;
padding: 13px 15px;
li{
background: url("../images/pointAsaideMenu.png") center left no-repeat;
padding: 9px 0 8px 18px;
a{
font-size: 12px;
color: #2e8589;
text-transform: uppercase;
}
}
}
.cart{
background: url("../images/card.png") top left no-repeat;
height: 50px;
margin: 23px 0 20px 0;
padding-left: 63px;
font-family: Georgia;
font-size: 24px;
color: #2e8589;
a{
font-size: 12px;
color: #d1432a;
display: block;
margin-top: 10px;
}
}
.loginForm{
background: #2e8589;
margin-top: 20px;
font-size: 12px;
color: #ffffff;
.nameForm{
background: url("../images/bgCard.png") top left no-repeat;
line-height: 33px;
padding-left: 10px;
margin-bottom: 14px;
font-family: Georgia;
font-size: 15px;
text-transform: uppercase;
}
& ul li{
display: block;
min-height: 35px;
label{
display: block;
float: left;
width: 52px;
height: 24px;
line-height: 24px;
text-align: right;
padding-right: 5px;
}
input{
float: left;
border: none;
width: 160px;
height: 24px;
padding-left: 5px;
line-height: 24px;
text-align: left;
}
button{
background: url("../images/button.png") no-repeat;
position: absolute;
margin: 4px 0 0 113px;
width: 106px;
height: 28px;
border: none;
font-size: 14px;
color: #000000;
}
}
}
}
/*----- content -----*/
.contentBlock{
margin-left: 290px;
nav{
menu{
.LESS-border;
height: 38px;
li{
float: left;
border: solid 1px #ffffff;
&:first-child, &:first-child a{
border-radius: 13px 0 0 13px;
}
a{
display: block;
padding: 0 18px;
height: 36px;
line-height: 36px;
font-size: 13px;
text-transform: uppercase;
text-decoration: none;
color: #2e8589;
}
&:hover a, &:active a, a:hover, a:active, a.active{
color: #ffffff;
background: #2e8589;
}
}
}
}
#dle-speedbar, #dle-speedbar a{
font-size: 12px;
color: #2e8589;
text-decoration: none;
display: inline-block;
margin: 10px 0 0 15px;
}
.category{
margin-top: 25px;
margin-bottom: 25px;
font-family: Georgia;
font-size: 24px;
color: #2e8589;
}
.split{
background: url("../images/split.png") top center no-repeat;
margin: 0 auto;
width: 665px;
height: 22px;
}
article{
line-height: 20px;
margin-bottom: 143px;
img{
float: right;
margin-top: -48px;
margin-left: 5px;
}
}
}
/*----- footer -----*/
footer{
background: url("../images/imgFooter.png") bottom right no-repeat;
height: 90px;
nav{
position: absolute;
margin: 0 0 0 -5px;
menu{
li{
float: left;
margin: 0 10px;
a{
color: #474747;
}
&:hover a, &:active a, a:hover, a:active, a.active{
text-decoration: none;
}
}
}
}
.botomLogo{
position: absolute;
margin: 46px 0 0 3px;
}
.copy{
position: absolute;
margin: 52px 0 0 123px;
font-size: 12px;
color: #789b9c;
}
.bottomContact{
position: absolute;
margin: 27px 0 0 378px;
padding: 14px 23px 0 23px;
display: block;
border: 1px solid #b9d3d4;
border-radius: 15px 15px 0 0;
border-bottom: none;
font-size: 12px;
color: #739899;
p{
margin: 6px 0;
font-size: 23px;
color: #2e8589;
span{
font-size: 14px;
font-weight: normal;
vertical-align: top;
padding-top: 2px;
}
}
}
.counters{
position: absolute;
margin: 40px 0 0 650px;
min-width: 88px;
min-height: 37px;
}
}
/* loginFORM */
/*.hide{
display:none;
}
#logform{
position: absolute;
z-index: 100;
border-radius: 7px;
padding:20px;
border:1px #666 solid;
box-shadow: 1px 1px 5px #666;
}*/
/* end loginFORM */
/* dle admin */
.bhinfo ul{
display:table;
}
.bhinfo ul>li{
display:table-cell;
vertical-align: top;
padding: 3px;
}
/* end dleAdmin */
.shortstory img{
margin:0 5px;
}
.enter1 .button {
background:#000 url(/templates/mylyapko/images/enter-bg.png);
background-position: left 5px;
background-repeat: no-repeat;
padding-left: 23px;
}
.xlogin{
padding:10px;
a{
color:#fff;
}
}
.text_index img {
text-align: center;
}
.topProducts{
margin-top:11px;
font-family: Arial;
}
.topProducts td{
// border: 1px solid #DEDEDE;
border-radius: 13px;
}
.topProducts td>div{
float:left;
width: 188px;
padding:15px;
height: 250px;
text-align: center;
// border:dotted 1px #DEDEDE;
}
.topProducts td>div>div:first-child{
min-height: 160px;
}
.topProducts img{
width: 150px;
margin:0 auto;
display: block;
}
.topProducts a{
color:#2575cf;
font-size:16px;
line-height: 16px;
}
span.oldprice{
color: #999999;
font-size: 17px;
text-decoration: line-through;
}
span.price{
color: #d1432a;
font-size: 21px;
}
.topProducts tr td div:first-child span.hitP{
width:80px;
height:80px;
background:url(../images/hit.png) no-repeat;
display: block;
margin-left: 130px;
margin-top: -30px;
position: absolute;
}
.topProducts tr td div:first-child{
border-left:0;
border-top:0;
border-bottom:0;
// border-top-left-radius:13px
}
.topProducts tr td div:nth-child(2){
border-top:0;
border-bottom:0;
}
.topProducts tr td div:nth-child(3){
border-right:0;
border-top:0;
border-bottom:0;
// border-top-right-radius:13px;
}
.topProducts tr td div:last-child{
border-right:0;
border-bottom:0;
// border-bottom-right-radius:13px;
}
.topProducts tr td div:nth-child(4){
border-left:0;
border-bottom:0;
// border-bottom-left-radius:13px;
}
.topProducts tr td div:nth-child(5){
border-bottom:0;
}
.fixtab{
display:table;
}
.fixtab>div{
display:table-cell;
vertical-align:bottom;
height:230px;
}
.topPreview{
min-height:170px;
}
div.content {
border-color: #DEDEDE;
line-height: 1.5;
padding: 12px 10px 40px 19px;
}
div.catalog {
border-color: #E1E1E1;
padding: 13px 18px 40px 19px;
}
div.tovar {
border-bottom: 1px dotted #CCCCCC;
display: table;
margin-bottom: 3px;
margin-left: -5px;
margin-top: 3px;
width: 100%;
}
div.tovar > div {
display: table-cell;
vertical-align: top;
}
div.tovar > div:first-child {
height: 120px;
width: 160px;
}
div.tovar > div:last-child {
padding-bottom: 20px;
padding-top: 0;
}
div.tovar a {
background: url("/templates/applicator/images/bgTovarNamet.png") no-repeat scroll right center transparent;
color: #3D9DF2;
font-size: 18px;
padding-right: 8px;
}
table.tovarTable {
color: #6A6A6A;
font-family: Tahoma;
font-size: 11px;
width: 470px;
}
table.tovarTable tr > td:first-child, table.tovarTable tr > td:last-child {
padding-left: 0;
}
table.tovarTable tr > td {
padding: 0 10px;
}
div.tovar img.item_thumb {
width: 148px;
}
td.boldText {
font-family: Arial;
font-size: 14px;
font-weight: bold;
}
td.Price {
color: #636363;
font-family: Arial;
font-size: 13px;
}
span.old {
color: #3D9DF2;
font-size: 18px;
text-decoration: line-through;
}
span.new {
color: #E5193A;
font-size: 18px;
}
span.redText {
color: #E5193A;
}
.shag_igl{
padding-top:2px;
font-size:11px;
}
.razmer{
font-size:11px;
}
.simpleCart_shelfItem{
padding-top:5px;
padding-bottom:5px;
}